*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:"Exo 2",system-ui,sans-serif;background:#050508;color:#e8e8ed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{position:fixed;inset:0;overflow:hidden;background:#030305;cursor:crosshair}.particle-canvas{position:absolute;inset:0;z-index:2;pointer-events:none}.bg-radial{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 85%,rgba(0,255,136,.14) 0%,transparent 55%),radial-gradient(ellipse 40% 30% at 50% 30%,rgba(0,255,136,.06) 0%,transparent 50%);pointer-events:none;animation:glowBreathe 6s ease-in-out infinite}@keyframes glowBreathe{0%,to{opacity:.8}50%{opacity:1}}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 30%,#030305 100%);pointer-events:none;z-index:6}.header{position:absolute;top:0;left:0;right:0;z-index:30;padding:1.5rem 2.5rem;display:flex;align-items:center;justify-content:space-between;animation:fadeIn 1s ease .2s both}.logo-wrap{position:relative;display:inline-block}.logo-text{position:relative;font-family:Orbitron,sans-serif;font-weight:900;font-size:1.6rem;letter-spacing:.15em;color:transparent;background:linear-gradient(90deg,#0f8,#fff 45%,#0f8 55%,#00cc6a);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:logoShine 4s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(0,255,136,.6)) drop-shadow(0 0 30px rgba(0,255,136,.3))}.logo-text:before,.logo-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.logo-text:before{color:#0f8;z-index:-1;animation:logoGlitchR 6s infinite linear}.logo-text:after{color:#0fc;z-index:-2;animation:logoGlitchG 5s infinite linear}.logo-flare{position:absolute;top:50%;left:-10%;width:40px;height:200%;transform:translateY(-50%) skew(-15deg);background:linear-gradient(90deg,transparent,rgba(0,255,136,.4),rgba(255,255,255,.6),rgba(0,255,136,.4),transparent);filter:blur(3px);animation:logoFlare 5s ease-in-out infinite;pointer-events:none}@keyframes logoShine{0%{background-position:200% center}50%{background-position:0% center}to{background-position:200% center}}@keyframes logoFlare{0%,to{left:-20%;opacity:0}10%{opacity:1}50%{left:110%;opacity:1}60%{opacity:0}61%{left:-20%}}@keyframes logoGlitchR{0%,92%,94%,96%,to{clip-path:inset(0 0 0 0);transform:translate(0);opacity:0}93%{clip-path:inset(20% 0 50% 0);transform:translate(4px,-1px);opacity:.7}95%{clip-path:inset(60% 0 10% 0);transform:translate(-3px,2px);opacity:.7}}@keyframes logoGlitchG{0%,88%,90%,92%,to{clip-path:inset(0 0 0 0);transform:translate(0);opacity:0}89%{clip-path:inset(40% 0 30% 0);transform:translate(-4px,1px);opacity:.6}91%{clip-path:inset(10% 0 70% 0);transform:translate(3px,-2px);opacity:.6}}.nav-links{display:flex;gap:2.5rem}.nav-links a{font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.15em;color:#fff6;text-decoration:none;transition:color .25s,text-shadow .25s}.nav-links a:hover{color:#0f8;text-shadow:0 0 18px rgba(0,255,136,.7)}.mascot-wrap{position:absolute;bottom:0;left:50%;transform:translate(-50%);height:92vh;z-index:5;pointer-events:none;animation:mascotIn 1.5s ease both}@keyframes mascotIn{0%{opacity:0;transform:translate(-50%) scale(1.05)}to{opacity:1;transform:translate(-50%) scale(1)}}.mascot{position:absolute;bottom:0;left:50%;transform:translate(-50%);height:92vh;width:auto;object-fit:contain;object-position:bottom center;pointer-events:none;opacity:0;transition:opacity .04s linear}.mascot.visible{opacity:1}.mascot-open{filter:drop-shadow(0 0 80px rgba(0,255,136,.5)) drop-shadow(0 0 160px rgba(0,255,136,.2))}.mascot-closed{filter:drop-shadow(0 0 40px rgba(0,255,136,.15)) drop-shadow(0 0 80px rgba(0,255,136,.08))}.mascot-ghost{opacity:0;transition:none}.mascot-glitching .mascot-ghost{animation:ghostFlash .15s steps(1) infinite}.mascot-ghost-r{filter:drop-shadow(0 0 30px rgba(255,0,80,.6));mix-blend-mode:screen}.mascot-ghost-g{filter:drop-shadow(0 0 30px rgba(0,255,136,.8));mix-blend-mode:screen}.mascot-glitching .mascot-ghost-r{animation:ghostFlash .15s steps(1) infinite,ghostShiftR .1s steps(1) infinite}.mascot-glitching .mascot-ghost-g{animation:ghostFlash .12s steps(1) infinite,ghostShiftG .08s steps(1) infinite}@keyframes ghostFlash{0%{opacity:.6}50%{opacity:0}to{opacity:.6}}@keyframes ghostShiftR{0%{transform:translate(-50%) translate(6px,-2px)}25%{transform:translate(-50%) translate(-4px,3px)}50%{transform:translate(-50%) translate(8px,1px)}75%{transform:translate(-50%) translate(-6px,-3px)}to{transform:translate(-50%) translate(5px,2px)}}@keyframes ghostShiftG{0%{transform:translate(-50%) translate(-5px,3px)}33%{transform:translate(-50%) translate(7px,-2px)}66%{transform:translate(-50%) translate(-3px,-4px)}to{transform:translate(-50%) translate(4px,1px)}}.mascot-glitching{animation:mascotShake .08s steps(1) infinite}@keyframes mascotShake{0%{transform:translate(-50%) translate(0)}25%{transform:translate(-50%) translate(3px,-2px)}50%{transform:translate(-50%) translate(-2px,1px)}75%{transform:translate(-50%) translate(1px,3px)}to{transform:translate(-50%) translate(-3px,-1px)}}.mascot-glow{position:absolute;bottom:25vh;left:50%;transform:translate(-50%);width:50vw;height:50vw;max-width:600px;max-height:600px;background:radial-gradient(circle,rgba(0,255,136,.18) 0%,transparent 60%);filter:blur(50px);z-index:3;animation:pulseGlow 5s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.12)}}.side-content{position:absolute;z-index:20;display:flex;flex-direction:column;pointer-events:none}.side-content .btn{pointer-events:all}.side-content.left{left:3.5vw;bottom:18vh;align-items:flex-start;animation:slideInLeft 1s ease .3s both}.side-content.right{right:3.5vw;bottom:18vh;align-items:flex-end;text-align:right;animation:slideInRight 1s ease .3s both}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.badge{font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.25em;color:#0f8;border:1px solid rgba(0,255,136,.3);padding:.35rem 1rem;border-radius:100px;margin-bottom:1rem;animation:pulseBadge 3s ease-in-out infinite}@keyframes pulseBadge{0%,to{box-shadow:0 0 8px #0f83}50%{box-shadow:0 0 20px #00ff8880}}.title{font-family:Orbitron,sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;letter-spacing:.06em;line-height:1;color:#fff;margin-bottom:0}.glitch{position:relative;display:inline-block;color:#fff;animation:glitchText 6s infinite}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.glitch:before{color:#0f8;z-index:-1;animation:glitchBefore 4s infinite linear alternate-reverse}.glitch:after{color:#00cc6a;z-index:-2;animation:glitchAfter 3.5s infinite linear alternate-reverse}@keyframes glitchText{0%,95%,to{opacity:1}96%{opacity:.8}97%{opacity:1}98%{opacity:.85}}@keyframes glitchBefore{0%{clip-path:inset(0 0 85% 0);transform:translate(-3px,-2px)}20%{clip-path:inset(40% 0 30% 0);transform:translate(2px,1px)}40%{clip-path:inset(70% 0 5% 0);transform:translate(-1px,2px)}60%{clip-path:inset(10% 0 60% 0);transform:translate(3px,-1px)}80%{clip-path:inset(50% 0 20% 0);transform:translate(-2px)}to{clip-path:inset(0 0 80% 0);transform:translate(1px,2px)}}@keyframes glitchAfter{0%{clip-path:inset(60% 0 10% 0);transform:translate(3px,2px)}25%{clip-path:inset(0% 0 70% 0);transform:translate(-2px,-1px)}50%{clip-path:inset(30% 0 40% 0);transform:translate(1px,-2px)}75%{clip-path:inset(80% 0 0% 0);transform:translate(-3px,1px)}to{clip-path:inset(20% 0 50% 0);transform:translate(2px)}}.tagline{font-size:1rem;color:#fff6;letter-spacing:.06em;line-height:1.7;margin-bottom:1.5rem}.buttons{display:flex;gap:.75rem}.btn{display:inline-flex;align-items:center;padding:.8rem 1.8rem;font-family:Orbitron,sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.08em;text-decoration:none;border-radius:6px;cursor:pointer;transition:all .25s ease;border:none}.btn-primary{background:linear-gradient(135deg,#0f8,#00cc6a);color:#030305;box-shadow:0 0 28px #0f86;animation:btnPulse 3s ease-in-out infinite}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 50px #00ff88b3}@keyframes btnPulse{0%,to{box-shadow:0 0 20px #00ff884d}50%{box-shadow:0 0 40px #0f89}}.btn-secondary{background:transparent;color:#0f8;border:2px solid rgba(0,255,136,.4)}.btn-secondary:hover{background:#00ff881a;border-color:#0f8;box-shadow:0 0 28px #00ff884d;transform:translateY(-2px)}.scan-line{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);pointer-events:none;z-index:25}.flicker{position:absolute;inset:0;pointer-events:none;z-index:24;animation:flicker 8s infinite}@keyframes flicker{0%,93%,95%,97%,to{opacity:0}94%{opacity:.02;background:#fff}96%{opacity:.015;background:#0f8}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.side-content.left,.side-content.right{bottom:auto;left:50%;right:auto;transform:translate(-50%);align-items:center;text-align:center}.side-content.left{top:5rem}.side-content.right{bottom:2rem!important;top:auto}.title{font-size:2.2rem}.mascot-wrap,.mascot{height:70vh}.nav-links{gap:1.2rem}.nav-links a{font-size:.65rem}}