*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;line-height:1.8;background-color:#f3f9ff;color:#333;overflow-x:hidden}html{scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:0 15px}.header{background:linear-gradient(90deg,#06c,#09f);padding:20px 30px;color:#fff;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:background-color .3s ease}.header.scrolled{background:#004d99}.header .container{display:flex;justify-content:space-between;align-items:center}.logo img{cursor:pointer;transition:transform .3s ease}.logo img:hover{transform:scale(1.1)}.nav{display:flex;gap:20px;align-items:center}.nav a{text-decoration:none;color:#fff;font-weight:500;font-size:1rem;position:relative;transition:color .3s ease}.user-greeting{padding:10px 15px}.logout-button,.user-greeting{color:#fff;font-weight:500;font-size:.9rem}.logout-button{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.logout-button:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);text-decoration:none}.nav a:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;background:#fff;transition:width .3s ease}.nav a:hover:after{width:100%}.nav .btn-primary{background-color:#fff;color:#06c;padding:10px 20px;border-radius:25px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .3s ease}.nav .btn-primary:hover{background-color:#b3e0ff;color:#004d99}.hero{text-align:center;padding:70px 20px;background:linear-gradient(135deg,#06c,#e6f2ff);color:#fff;border-bottom-left-radius:50% 20%;border-bottom-right-radius:50% 20%}.hero h1{font-size:3rem;font-weight:700;margin-bottom:20px}.hero p{font-size:1.2rem;margin-bottom:40px}.hero img{max-width:100%;height:auto;border-radius:15px;box-shadow:0 6px 10px rgba(0,0,0,.2)}.btn-download{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#06c,#09f);color:#fff;font-weight:600;padding:12px 25px;border-radius:30px;font-size:1rem;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.2)}.btn-download:hover{transform:translateY(-2px);box-shadow:0 6px 10px rgba(0,0,0,.3);background:linear-gradient(90deg,#004d99,#06c)}.btn-download-icon{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;width:35px;height:35px;margin-right:10px;transition:transform .3s ease}.btn-download-icon img{width:20px;height:20px}.btn-download:hover .btn-download-icon{transform:rotate(20deg)}.features{background-color:#fff;padding:60px 20px;text-align:center}.features h2{font-size:2.5rem;margin-bottom:30px;color:#06c}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.feature{background:#f9f9f9;border-radius:15px;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.1)}.feature img{max-width:80px;margin-bottom:15px}.feature h3{font-size:1.5rem;color:#004d99;margin-bottom:10px}.feature p{font-size:1rem;color:#555}.cta-section{background-color:#06c;color:#fff;text-align:center;padding:50px 20px;margin-top:50px;border-radius:10px}.cta-section h2{font-size:2rem;margin-bottom:20px}.cta-section p{font-size:1.2rem;margin-bottom:30px}.cta-section .btn-primary{background-color:#fff;color:#06c;padding:12px 25px;border-radius:25px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease}.cta-section .btn-primary:hover{background-color:#b3e0ff;color:#004d99}.footer{background:#036;color:#fff;text-align:center;padding:40px 20px}.footer .container{display:flex;flex-direction:column;align-items:center;gap:15px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.footer-links a{color:#fff;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:#b3e0ff}.footer p{font-size:.85rem;color:#bbb}