:root{--bg-color:#030303;--primary-blue:#00d2ff;--primary-green:#39ff14;--gold:#fc0;--text-main:#fff;--text-dim:#fff9;--glass:#ffffff0d;--glass-border:#ffffff1a;--neon-shadow:0 0 15px #00d2ff80}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}#app{z-index:1;flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative}#bg-canvas{z-index:-2;opacity:.4;width:100%;height:100%;position:fixed;top:0;left:0}.bg-overlay{background:radial-gradient(circle at center, transparent 0%, var(--bg-color) 100%);z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}.content{text-align:center;width:100%;max-width:1000px;padding:4rem 1.5rem}.hero-section{margin-bottom:4rem}.badge{background:var(--glass);border:1px solid var(--primary-blue);letter-spacing:2px;border-radius:50px;margin-bottom:1.5rem;padding:.5rem 1rem;font-family:Orbitron,sans-serif;font-size:.8rem;display:inline-block}.neon-text{color:var(--primary-blue);text-shadow:var(--neon-shadow)}.logo{letter-spacing:5px;text-transform:uppercase;margin-bottom:1rem;font-family:Orbitron,sans-serif;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900}.highlight{color:var(--primary-blue);text-shadow:0 0 20px var(--primary-blue)}.tagline{color:var(--text-dim);margin-bottom:2rem;font-size:1.2rem;font-weight:300}.slogan-container{height:1.5rem;overflow:hidden}.slogan{color:var(--primary-green);letter-spacing:1px;font-size:1.1rem;font-weight:400;display:none}.slogan.active{animation:.8s forwards fadeInUp;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mockup-section{perspective:1000px;margin-bottom:5rem}.mockup-container{max-width:300px;margin:0 auto;transition:transform .5s;position:relative}.mockup-container:hover{transform:rotateY(-5deg)rotateX(5deg)}.hero-img{border-radius:30px;width:100%;height:auto;box-shadow:0 20px 50px #000c,0 0 30px #00d2ff33}.glow-effect{z-index:-1;pointer-events:none;background:radial-gradient(circle,#00d2ff1a 0%,#0000 70%);width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.features{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:6rem;display:grid}.feature-card{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:2.5rem;transition:all .3s}.feature-card:hover{border-color:var(--primary-blue);transform:translateY(-10px)}.feature-card .icon{margin-bottom:1.5rem;font-size:2.5rem}.feature-card h3{color:var(--primary-blue);margin-bottom:1rem;font-family:Orbitron,sans-serif;font-size:1.2rem}.feature-card p{color:var(--text-dim);font-size:1rem}.cta-container{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.buy-button{background:var(--primary-blue);color:#000;border-radius:50px;flex-direction:column;align-items:center;padding:1.2rem 3rem;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.buy-button:hover{background:#fff;transform:scale(1.05);box-shadow:0 0 40px #00d2ff99}.btn-text{letter-spacing:2px;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700}.btn-subtext{opacity:.8;font-size:.8rem;font-weight:600}.btn-glow{opacity:.3;background:radial-gradient(circle,#fffc 0%,#0000 70%);width:200%;height:200%;animation:4s linear infinite rotate;position:absolute;top:-50%;left:-50%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.disclaimer{color:var(--text-dim);font-size:.8rem}.footer{color:var(--text-dim);border-top:1px solid var(--glass-border);text-align:center;width:100%;padding:3rem;font-size:.9rem}@media (width<=768px){.content{padding-top:2rem}.logo{font-size:2.2rem}.feature-card{padding:1.5rem}}