*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#fff;font-family:Poppins,sans-serif}.navbar{justify-content:space-between;align-items:center;padding:20px 8%;display:flex}.logo-container{align-items:center;gap:10px;display:flex}.logo-container img{width:40px}.logo-container span{color:#00ffef;font-size:1.4rem;font-weight:700}.nav-links{gap:30px;display:flex}.nav-links a{color:#333;text-decoration:none}.hero{justify-content:space-between;align-items:center;min-height:90vh;padding:0 8%;display:flex}.hero-content{max-width:550px}.hero-content h1{font-size:3.5rem;line-height:1.2}.hero-content p{color:#666;margin-top:20px}.hero-buttons{gap:15px;margin-top:30px;display:flex}.primary-btn{color:#fff;background:#00ffef;border-radius:10px;padding:14px 28px;text-decoration:none}.secondary-btn{color:#00ffef;border:2px solid #00ffef;border-radius:10px;padding:14px 28px;text-decoration:none}.hero-image{width:650px;height:450px;position:relative}.float-icon{opacity:.92;pointer-events:none;position:absolute}#icon-design{width:52px;top:-20px;left:-15px;transform:rotate(-12deg)}#icon-coding{width:64px;top:-10px;right:-20px;transform:rotate(8deg)}#icon-rating{width:40px;top:25%;left:-40px;transform:rotate(20deg)}#icon-video{width:44px;top:35%;right:-30px;transform:rotate(-18deg)}#icon-writing{width:52px;top:55%;left:-25px;transform:rotate(-6deg)}#icon-analytics{width:64px;bottom:10px;right:-15px;transform:rotate(15deg)}#icon-music{width:38px;top:5%;left:40%;transform:rotate(25deg)}#icon-ideas{width:50px;bottom:-15px;left:10%;transform:rotate(-20deg)}#icon-payment{width:45px;bottom:-20px;right:40%;transform:rotate(10deg)}.laptop-mockup{filter:drop-shadow(0 15px 25px #00000026);width:100%;max-width:650px;position:absolute;bottom:0;left:0}.phone-mockup{z-index:3;filter:drop-shadow(0 10px 10px #00000026)drop-shadow(0 35px 45px #0000004d);width:300px;position:absolute;bottom:-20px;right:-10px}.download-btn{align-items:center;gap:10px;display:flex}.download-btn img{width:22px;height:22px}.features{padding:100px 8%}.features h2{text-align:center;margin-bottom:50px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.feature-card{text-align:center;border-radius:15px;padding:30px;box-shadow:0 5px 20px #00000014}.feature-card img{width:80px;margin-bottom:15px}.how-it-works{background:#f5f9f9;padding:100px 8%}.how-it-works h2{text-align:center;margin-bottom:50px}.steps{justify-content:center;gap:30px;display:flex}.step{text-align:center;background:#fff;border-radius:15px;width:220px;padding:30px}.step h3{color:#00ffef;font-size:2rem}.cta{text-align:center;color:#fff;background:#00d0c2;padding:100px 8%;position:relative}.cta .primary-btn{color:#00ffef;background:#fff;margin-top:20px;display:inline-block}footer{text-align:center;padding:30px}.footer-links{justify-content:center;gap:25px;margin-bottom:15px;display:flex}.footer-links a{color:#666;font-size:.9rem;text-decoration:none}.footer-links a:hover{color:#00ffef}@media (max-width:768px){.nav-links{display:none}.hero{text-align:center;flex-direction:column;padding-top:50px}.hero-content h1{font-size:2.3rem}.hero-buttons{justify-content:center}.hero-image{width:100%;max-width:400px;height:280px;margin-top:40px}#icon-design{width:36px}#icon-coding{width:44px}#icon-rating{width:28px}#icon-video{width:32px}#icon-writing{width:36px}#icon-analytics{width:44px}#icon-music{width:28px}#icon-ideas{width:36px}#icon-payment{width:28px}.laptop-mockup{filter:drop-shadow(0 15px 25px #00000026);width:100%}.phone-mockup{z-index:3;filter:drop-shadow(0 8px 8px #00000026)drop-shadow(0 25px 30px #00000040);width:140px;position:absolute;bottom:-10px;right:20px}.feature-grid{grid-template-columns:1fr}.steps{flex-direction:column;align-items:center}.screenshot-grid{grid-template-columns:1fr}}.play-badge img{width:220px;max-width:100%;margin-top:25px;transition:all .3s}.play-badge img:hover{transform:scale(1.05)}.whatsapp-contact{color:#fff;align-items:center;gap:10px;text-decoration:none;display:flex;position:absolute;bottom:30px;left:30px}.whatsapp-contact img{width:28px;height:28px}.legal-page{max-width:900px;margin:auto;padding:80px 8%;line-height:1.8}.legal-page h1{margin-bottom:20px}.legal-page h2{color:#00ffef;margin-top:35px;margin-bottom:10px}.legal-page p{margin-bottom:15px}
