*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background-color:#121212;color:#fff;line-height:1.6;overflow-x:hidden}img{-webkit-user-select:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none}.app{background:#121212;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#fc0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#f90}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:.1}50%{transform:translateY(-30px) translate(10px);opacity:.3}}.animate-slideDown{animation:slideDown .6s ease-out}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;width:100%;z-index:1000;transition:all .3s ease}.navbar.scrolled{background:#121212f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#fc0;text-decoration:none;transition:all .3s ease;cursor:pointer}.nav-links{display:none;gap:2rem;align-items:center}@media(min-width:768px){.nav-links{display:flex}}.nav-link{color:#ccc;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#fc0}.cta-button{background:#fc0;color:#121212;padding:.75rem 1.5rem;border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease}.cta-button:hover{transform:scale(1.05)}.cta-button:active{transform:scale(.95)}.floating-notes{position:absolute;inset:0;overflow:hidden;pointer-events:none}.floating-note{position:absolute;color:#fc0;opacity:.2;animation:float 3s ease-in-out infinite}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-color:#121212;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMiIgY3k9IjMiIHI9IjAiIGZpbGw9InJnYmEoMjU1LDEwMCwyNTUsMC4xKSIvPjwvc3ZnPg==);background-repeat:repeat;background-size:auto}.hero-content{text-align:center;max-width:800px;padding:0 1.5rem;position:relative;z-index:2}.hero-title{font-size:3rem;font-weight:700;margin-bottom:25px;line-height:1.1}@media(min-width:768px){.hero-title{font-size:4.5rem}}.hero-highlight{color:#fc0}.hero-subtitle{font-size:1.25rem;color:#ccc;margin-bottom:2rem}.hero-cta{background:#fc0;color:#121212;padding:1rem 2rem;border:none;border-radius:50px;font-size:1.125rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.icon-spacing{margin-right:.5rem}.hero-visual{margin-top:4rem;display:flex;justify-content:center}.hero-card{width:256px;height:256px;border-radius:1.5rem;display:flex;align-items:center;justify-content:center;transition:transform .5s ease}.hero-card-icon{font-size:5rem;color:#121212}.hero-bottom-gradient{position:absolute;bottom:0;left:0;right:0;height:8rem;background:linear-gradient(to top,#121212,transparent)}.features{padding:6rem 1.5rem;background:#121212;position:relative;overflow:hidden}.section-header{text-align:center;margin-bottom:5rem}.section-title{font-size:3rem;font-weight:700;margin-bottom:1rem}@media(min-width:768px){.section-title{font-size:3.5rem}}.section-subtitle{font-size:1.25rem;color:#666}.features-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{background:#030303;padding:2rem;border-radius:1.5rem;border:1px solid rgba(255,204,0,.2);transition:all .5s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,204,0,.1),transparent);transition:left .5s ease}.feature-card:hover{border-color:#ffcc0080}.feature-icon{width:4rem;height:4rem;background:#fc0;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 4px 15px #ffcc004d}.feature-icon svg{font-size:1.5rem;color:#121212}.feature-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.feature-description{color:#999;line-height:1.6}.download{padding:6rem 1.5rem;position:relative;overflow:hidden;background-color:#121212;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMiIgY3k9IjMiIHI9IjAiIGZpbGw9InJnYmEoMjU1LDEwMCwyNTUsMC4xKSIvPjwvc3ZnPg==);background-repeat:repeat;background-size:auto}.platforms-grid{display:grid;justify-content:center;align-items:center;gap:1.5rem;grid-template-columns:1fr;max-width:900px;margin:0 auto}@media(min-width:768px){.platforms-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.platforms-grid{grid-template-columns:repeat(3,1fr)}}.platform-card{background:linear-gradient(135deg,#1a1a1a,#252525);padding:2rem;border-radius:1rem;border:1px solid rgba(255,204,0,.3);display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;transition:all .5s ease;text-decoration:none;color:inherit;border:none}.platform-card:hover{border-color:#fc0}.platform-icon{font-size:3rem;color:#fc0}.platform-name{font-size:1.25rem;font-weight:700;color:#fff}.download-icon{font-size:1.5rem;color:#999}.how-it-works{padding:6rem 1.5rem;background:#121212}.steps-grid{display:grid;gap:3rem;grid-template-columns:1fr}@media(min-width:768px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.step-container{position:relative}.step-card{position:relative;padding:2rem;background:linear-gradient(135deg,#1a1a1a,#252525);border-radius:1.5rem;border:1px solid rgba(255,204,0,.2);transition:all .3s ease}.step-card:hover{border-color:#ffcc0080}.step-number{position:absolute;top:-1rem;left:-1rem;font-size:4rem;font-weight:700;color:#ffcc001a;z-index:1}.step-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.step-description{color:#999}.step-arrow{display:none;position:absolute;top:50%;right:-1.5rem;color:#fc0;font-size:2rem;animation:pulse 2s infinite}@media(min-width:768px){.step-arrow{display:block}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.testimonials{padding:6rem 1.5rem;background:linear-gradient(to bottom,#1a1a1a,#121212)}.testimonials-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:768px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{background:linear-gradient(135deg,#1a1a1a,#252525);padding:2rem;border-radius:1.5rem;border:1px solid rgba(255,204,0,.2);transition:all .5s ease}.testimonial-avatar{font-size:3rem;margin-bottom:1.5rem}.testimonial-text{color:#ccc;font-style:italic;margin-bottom:1.5rem;line-height:1.6}.testimonial-author{font-weight:700;color:#fff}.testimonial-role{color:#fc0;font-size:.875rem}.footer{background:#121212;border-top:1px solid rgba(255,204,0,.2);padding:4rem 1.5rem 2rem}.footer-grid{display:grid;gap:3rem;grid-template-columns:1fr;margin-bottom:3rem}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(3,1fr)}}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#fc0}.footer-description{color:#666}.footer-links h4{color:#fff;margin-bottom:1rem;font-size:1.25rem}.links-list{display:flex;flex-direction:column;gap:.5rem}.footer-link{color:#666;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#fc0}.newsletter h4{color:#fff;margin-bottom:1rem;font-size:1.25rem}.newsletter-form{display:flex;gap:.5rem;margin-bottom:1rem}.newsletter-input{flex:1;background:#1a1a1a;border:1px solid rgba(255,204,0,.3);border-radius:.5rem;padding:.75rem 1rem;color:#fff;transition:border-color .3s ease}.newsletter-input:focus{outline:none;border-color:#fc0}.newsletter-button{background:#fc0;color:#121212;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease}.social-links{display:flex;cursor:pointer;gap:1rem}.social-link{color:#666;font-size:1.5rem;transition:all .3s ease}.social-link:hover{color:#fc0}.footer-bottom{border-top:1px solid rgba(255,204,0,.2);padding-top:2rem;text-align:center;color:#666}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.opacity-0{opacity:0}@media(max-width:768px){.hero-title,.section-title{font-size:2.5rem}.nav-content{padding:1rem}}.mobile-menu-button{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}@media(max-width:767px){.mobile-menu-button{display:block}.nav-links{position:fixed;top:70px;left:0;width:100%;background:#121212;flex-direction:column;padding:2rem;transform:translateY(-100%);opacity:0;transition:all .3s ease}.nav-links.active{transform:translateY(0);opacity:1}}