:root{--neon-blue:#0ff;--neon-pink:#f0f;--dark-bg:#0d0717;--accent-purple:#8a2be2}::-webkit-scrollbar{background:#0d0717;background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--neon-pink),var(--neon-blue));border-radius:4px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d0717;background:var(--dark-bg);color:#fff;font-family:Rajdhani,Orbitron,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;margin:0}::selection{background:#f0f;background:var(--neon-pink);color:#0d0717;color:var(--dark-bg);text-shadow:0 0 8px #0ff;text-shadow:0 0 8px var(--neon-blue)}code{background:#00ffff1a;border-radius:3px;font-family:Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:2px 4px;text-shadow:0 0 5px #0ff;text-shadow:0 0 5px var(--neon-blue)}a,code{color:#0ff;color:var(--neon-blue)}a{position:relative;text-decoration:none;transition:all .3s ease}a:hover{color:#f0f;color:var(--neon-pink);text-shadow:0 0 8px #f0f;text-shadow:0 0 8px var(--neon-pink)}a:before{background:linear-gradient(90deg,#0ff,#f0f);background:linear-gradient(90deg,var(--neon-blue),var(--neon-pink));bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}a:hover:before{width:100%}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(ellipse at center,#1a0d2e 0,#0d0717 100%);cursor:crosshair;font-family:Courier New,monospace;overflow-x:hidden}.navbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0d0717f2;border-bottom:1px solid #00ffff4d;left:0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar.scrolled{background:#0d0717fa;border-bottom:2px solid #00ffff80}.nav-container{height:60px}.nav-logo{align-items:center;font-size:1.5rem;gap:.2rem}.logo-cyber{text-shadow:0 0 10px #0ff}.logo-punk{text-shadow:0 0 10px #f0f}.logo-subtitle{bottom:-12px;color:#fff9;font-size:.5rem;left:0;letter-spacing:1px;position:absolute}.nav-menu{align-items:center;gap:2rem}.nav-link{border-radius:20px;font-size:1rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;white-space:nowrap}.nav-link:hover{text-shadow:0 0 8px #0ff}.nav-icon{font-size:1rem}.navbar.scrolled:before{background:linear-gradient(90deg,#0000,#0ffc 20%,#f0fc 50%,#0ffc 80%,#0000)}.nav-container{align-items:center;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.nav-container,.nav-logo{display:flex;position:relative}.nav-logo{align-items:flex-start;cursor:pointer;flex-direction:column;font-family:Orbitron,monospace;font-size:1.8rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:10}.nav-logo:before{background:radial-gradient(circle at center,#00ffff1a 0,#0000 70%);border-radius:15px;bottom:-10px;content:"";left:-10px;opacity:0;position:absolute;right:-10px;top:-5px;transition:all .3s ease}.nav-logo:hover:before{opacity:1;transform:scale(1.1)}.logo-cyber{animation:logoGlowCyan 3s ease-in-out infinite alternate;color:#0ff;text-shadow:0 0 20px #0ff,0 0 40px #00ffff80,0 0 60px #00ffff4d}.logo-cyber,.logo-punk{transition:all .3s ease}.logo-punk{animation:logoGlowMagenta 3s ease-in-out infinite alternate-reverse;color:#f0f;text-shadow:0 0 20px #f0f,0 0 40px #ff00ff80,0 0 60px #ff00ff4d}@keyframes logoGlowCyan{0%{text-shadow:0 0 15px #0ff,0 0 30px #0ff6,0 0 45px #0ff3}to{text-shadow:0 0 25px #0ff,0 0 50px #0ff9,0 0 75px #0ff6}}@keyframes logoGlowMagenta{0%{text-shadow:0 0 15px #f0f,0 0 30px #f0f6,0 0 45px #f0f3}to{text-shadow:0 0 25px #f0f,0 0 50px #f0f9,0 0 75px #f0f6}}.nav-logo:hover .logo-cyber{filter:drop-shadow(0 0 10px #00ffff);transform:scale(1.05)}.nav-logo:hover .logo-punk{filter:drop-shadow(0 0 10px #ff00ff);transform:scale(1.05)}.logo-subtitle{color:#ffffffb3;font-family:Source Code Pro,monospace;font-size:.6rem;letter-spacing:2px;margin-top:-5px;overflow:hidden;position:relative;text-transform:uppercase}.logo-subtitle:before{animation:blink 2s infinite;color:#0ff;content:"< "}.logo-subtitle:after{animation:blink 2s infinite reverse;color:#f0f;content:" />"}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.logo-text{color:#0ff;margin-right:.5rem;text-shadow:0 0 10px #0ff}.logo-ai{animation:logoGlow 2s ease-in-out infinite alternate;color:#f0f;text-shadow:0 0 10px #f0f}@keyframes logoGlow{0%{opacity:.8}to{opacity:1;text-shadow:0 0 15px #f0f}}.nav-menu{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.nav-link{align-items:center;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:600;gap:.6rem;letter-spacing:1px;padding:.8rem 1.2rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.nav-link:hover{background:#00ffff1a;color:#0ff}.nav-icon{font-size:1.3rem}.nav-toggle{border-radius:8px;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:.5rem}.bar{background:#0ff;border-radius:2px;box-shadow:0 0 8px currentColor;height:3px;transition:all .3s cubic-bezier(.4,0,.2,1);width:25px}.nav-toggle.active .bar:first-child{background:#f0f;transform:rotate(45deg) translate(6px,6px)}.nav-toggle.active .bar:nth-child(2){opacity:0;transform:scale(0)}.nav-toggle.active .bar:nth-child(3){background:#f0f;transform:rotate(-45deg) translate(6px,-6px)}.nav-auth{gap:1rem}.auth-buttons,.nav-auth{align-items:center;display:flex}.auth-buttons{gap:.8rem}.auth-btn{align-items:center;border:2px solid #0000;border-radius:25px;cursor:pointer;display:flex;font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:1px;overflow:hidden;padding:.8rem 1.5rem;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.auth-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s ease;width:100%}.auth-btn:hover:before{left:100%}.sign-in-btn{background:#0000;border-color:#0ff;color:#0ff}.sign-in-btn:hover{background:#00ffff26;border-color:#0ff;box-shadow:0 8px 25px #00ffff4d,inset 0 1px 0 #fff3;color:#fff;text-shadow:0 0 10px #0ff;transform:translateY(-2px)}.sign-up-btn{background:linear-gradient(135deg,#f0f,#0ff);border-color:#0000;color:#000;font-weight:700}.sign-up-btn:hover{background:linear-gradient(135deg,#0ff,#f0f);box-shadow:0 10px 30px #f0f6,inset 0 1px 0 #ffffff4d;transform:translateY(-2px) scale(1.05)}.btn-icon{filter:drop-shadow(0 0 5px currentColor);font-size:1.1rem;transition:all .3s ease}.auth-btn:hover .btn-icon{filter:drop-shadow(0 0 10px currentColor);transform:scale(1.2)}.user-menu{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #00ffff4d;border-radius:50px;display:flex;gap:1rem;padding:.5rem;transition:all .3s ease}.user-menu:hover{background:#00000080;border-color:#0ff9;transform:scale(1.02)}.user-info{gap:.8rem;padding:.3rem .8rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{animation:avatarGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#0ff,#f0f);border-radius:50%;filter:drop-shadow(0 0 10px rgba(0,255,255,.5));font-size:1.5rem;height:40px;justify-content:center;width:40px}@keyframes avatarGlow{0%{background:linear-gradient(135deg,#0ff,#f0f);filter:drop-shadow(0 0 8px rgba(0,255,255,.4))}to{background:linear-gradient(135deg,#f0f,#0ff);filter:drop-shadow(0 0 15px rgba(255,0,255,.6))}}.user-details{display:flex;flex-direction:column;gap:.1rem}.user-name{color:#0ff;font-family:Source Code Pro,monospace;font-size:.9rem;font-weight:600;text-shadow:0 0 8px #0ff}.user-level{color:#f0f;font-family:Source Code Pro,monospace;font-size:.7rem;opacity:.9}.sign-out-btn,.user-level{letter-spacing:1px;text-transform:uppercase}.sign-out-btn{align-items:center;background:#0000;border:1px solid #ff000080;border-radius:20px;color:#ff6b6b;cursor:pointer;display:flex;font-family:Rajdhani,sans-serif;font-size:.8rem;font-weight:600;gap:.4rem;padding:.6rem 1rem;transition:all .3s ease}.sign-out-btn:hover{background:#ff00001a;border-color:#ff6b6b;color:#fff;text-shadow:0 0 8px #ff6b6b;transform:scale(1.05)}.rain{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.raindrop{animation:fall linear infinite;background:linear-gradient(180deg,#0000,#0ff9,#0000);height:15px;opacity:.4;position:absolute;width:1px}@keyframes fall{to{transform:translateY(100vh)}}.fog{animation:fogDrift 15s ease-in-out infinite alternate;background:radial-gradient(ellipse at 20% 30%,#8a2be21a 0,#0000 50%),radial-gradient(ellipse at 80% 70%,#00ffff14 0,#0000 50%);height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:2}@keyframes fogDrift{0%{transform:translate(-5px) scale(1)}to{transform:translate(5px,-3px) scale(1.01)}}.hero{height:100vh;overflow:hidden;padding:80px 2rem 2rem}.hero,.hero-content{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;text-align:center}.hero-content{margin:0 auto;max-width:800px;width:100%;z-index:10}.hero-brand{animation:heroContentFadeIn 1s ease-out .5s both;margin-bottom:2rem}.hero-title{align-items:center;display:flex;flex-direction:column;font-family:Orbitron,monospace;font-size:clamp(2.5rem,8vw,5rem);font-weight:700;gap:.5rem;letter-spacing:3px;line-height:1.1;margin:0 0 1rem;position:relative;text-align:center;z-index:15}.title-cyber{animation:titleGlowCyan 3s ease-in-out infinite alternate;text-shadow:0 0 20px #0ff,0 0 40px #0ff9,0 0 60px #0ff6;transform:perspective(500px) rotateX(5deg)}.title-punk{animation:titleGlowMagenta 3s ease-in-out infinite alternate-reverse;color:#f0f;text-shadow:0 0 20px #f0f,0 0 40px #f0f9,0 0 60px #f0f6;transform:perspective(500px) rotateX(-5deg)}@keyframes titleGlowCyan{0%{text-shadow:0 0 15px #0ff,0 0 30px #00ffff80,0 0 45px #00ffff4d}to{text-shadow:0 0 30px #0ff,0 0 60px #0ffc,0 0 90px #0ff9}}@keyframes titleGlowMagenta{0%{text-shadow:0 0 15px #f0f,0 0 30px #ff00ff80,0 0 45px #ff00ff4d}to{text-shadow:0 0 30px #f0f,0 0 60px #f0fc,0 0 90px #f0f9}}.hero-subtitle{animation:subtitlePulse 2s ease-in-out infinite;color:#fffc;font-family:Source Code Pro,monospace;font-size:clamp(.9rem,2.5vw,1.2rem);letter-spacing:2px;margin:0;text-transform:uppercase}.hero-description{animation:heroContentFadeIn 1s ease-out .8s both;margin:2rem 0;max-width:600px}.hero-tagline{color:#ffffffe6;font-family:Rajdhani,sans-serif;font-size:clamp(1rem,2.5vw,1.3rem);line-height:1.6;margin:0}.hero-tagline,.welcome-back{text-align:center}.welcome-text{color:#0ff;display:block;font-family:Rajdhani,sans-serif;font-size:clamp(1.1rem,3vw,1.5rem);margin-bottom:.5rem;text-shadow:0 0 10px #0ff}.user-stats{color:#f0f;font-family:Source Code Pro,monospace;font-size:clamp(.9rem,2vw,1.1rem);letter-spacing:1px}.cta-button,.user-stats{text-transform:uppercase}.cta-button{align-items:center;animation:heroContentFadeIn 1s ease-out 1.2s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0ff3,#ff00ff26);border:2px solid #0ff;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-family:Orbitron,monospace;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:600;gap:.8rem;justify-content:center;letter-spacing:2px;overflow:hidden;padding:1.2rem 2.5rem;position:relative;text-shadow:0 0 10px currentColor;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:15}.cta-button:before{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s ease;width:100%}.cta-button:hover:before{left:100%}.cta-button:hover{background:linear-gradient(135deg,#00ffff4d,#ff00ff40);border-color:#f0f;box-shadow:0 15px 40px #00ffff4d,0 0 30px #ff00ff80,inset 0 1px 0 #fff3;color:#fff;text-shadow:0 0 20px currentColor;transform:translateY(-5px) scale(1.05)}.cta-button:active{transform:translateY(-2px) scale(1.02);transition:all .1s ease}.cta-icon{animation:iconPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 8px currentColor);font-size:1.3em}.hero-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:2rem auto 0}.cta-button{margin:0}.fix-me-button{align-items:center;animation:heroContentFadeIn 1s ease-out 1.4s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#f0f3,#ff149326);border:2px solid #f0f;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-family:Orbitron,monospace;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:600;gap:.8rem;justify-content:center;letter-spacing:2px;overflow:hidden;padding:1.2rem 2.5rem;position:relative;text-shadow:0 0 10px currentColor;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:15}.fix-me-button:before{background:linear-gradient(90deg,#0000,#ff14934d 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s ease;width:100%}.fix-me-button:hover:before{left:100%}.fix-me-button:hover{background:linear-gradient(135deg,#f0f6,#ff14934d);border-color:#ff1493;box-shadow:0 15px 40px #ff00ff4d,0 0 30px #ff149380,inset 0 1px 0 #fff3;color:#fff;text-shadow:0 0 20px currentColor;transform:translateY(-5px) scale(1.05)}.fix-me-button:active{transform:translateY(-2px) scale(1.02);transition:all .1s ease}.fix-me-button.speaking{animation:speakingPulse .5s ease-in-out infinite alternate;border-color:#ff1493;box-shadow:0 0 20px #ff149399,0 0 40px #f0f6}@keyframes speakingPulse{0%{text-shadow:0 0 15px currentColor;transform:scale(1)}to{text-shadow:0 0 25px currentColor;transform:scale(1.03)}}@media (max-width:768px){.hero-buttons{flex-direction:column;gap:1rem}.cta-button,.fix-me-button{max-width:300px;width:90%}}.destiny-section{background:linear-gradient(135deg,#0d0717f2,#1a0d2ee6 50%,#0d0717f2);min-height:100vh;overflow:hidden;padding:5rem 2rem;position:relative}.destiny-container{margin:0 auto;max-width:1200px;position:relative;z-index:10}.destiny-intro{margin-bottom:3rem;text-align:center}.destiny-title{display:flex;flex-direction:column;font-family:Orbitron,monospace;font-size:clamp(2.5rem,8vw,5rem);gap:.5rem;margin-bottom:1.5rem}.title-cyber{animation:titleGlow 3s ease-in-out infinite alternate;color:#0ff;text-shadow:0 0 30px #0ff}.title-destiny{animation:titleGlow 3s ease-in-out infinite alternate-reverse;color:#f0f;text-shadow:0 0 30px #f0f}@keyframes titleGlow{0%{text-shadow:0 0 20px currentColor}to{text-shadow:0 0 40px currentColor,0 0 60px currentColor}}.destiny-subtitle{color:#fffc;font-family:Rajdhani,sans-serif;font-size:clamp(1.1rem,3vw,1.4rem);line-height:1.6;margin:0 auto 3rem;max-width:600px}.destiny-paths{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:3rem}.destiny-path-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#0009,#0d0717cc);border:2px solid #0000;border-radius:25px;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.destiny-path-card:before{background:linear-gradient(90deg,#0000,#0ff 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--path-color,#0ff) 50%,#0000 100%);content:"";height:100%;left:-100%;opacity:.1;position:absolute;top:0;transition:all .5s ease;width:100%}.destiny-path-card:hover:before{left:100%}.destiny-path-card:hover{border-color:#0ff;border-color:var(--path-color,#0ff);box-shadow:0 25px 50px #0006,0 0 40px #0ff;box-shadow:0 25px 50px #0006,0 0 40px var(--path-color,#0ff);transform:translateY(-15px) scale(1.03)}.rarity-mythic{border-image:linear-gradient(45deg,#f0f,gold,#f0f) 1}.rarity-legendary{border-image:linear-gradient(45deg,#0ff,#f0f,#0ff) 1}.rarity-epic{border-image:linear-gradient(45deg,red,#f60,red) 1}.rarity-rare{border-image:linear-gradient(45deg,#9d4edd,#c77dff,#9d4edd) 1}.card-header{display:flex;justify-content:flex-end;margin-bottom:1rem;position:relative;z-index:2}.rarity-indicator{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.rarity-badge{background:#0ff;background:var(--path-color,#0ff);border-radius:15px;color:#000;font-family:Orbitron,monospace;font-size:.8rem;font-weight:700;letter-spacing:1px;padding:.3rem .8rem;text-transform:uppercase}.rarity-stars{display:flex;gap:2px}.star{animation:starTwinkle 2s ease-in-out infinite;animation-delay:0s;animation-delay:calc(var(--i, 0)*.2s);color:#0ff;color:var(--path-color,#0ff);font-size:.9rem;text-shadow:0 0 5px currentColor}@keyframes starTwinkle{0%,to{opacity:.6}50%{opacity:1}}.path-content{padding:1rem;position:relative;z-index:2}.path-icon-container{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem;position:relative}.path-icon{animation:iconFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 15px #00ffff);filter:drop-shadow(0 0 15px var(--path-color,#00ffff));font-size:4rem;position:relative;z-index:2}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.icon-glow{animation:glowPulse 2s ease-in-out infinite;background:radial-gradient(circle,#0ff 0,#0000 70%);background:radial-gradient(circle,var(--path-color,#0ff) 0,#0000 70%);border-radius:50%;height:80px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}@keyframes glowPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.path-title{color:#0ff;color:var(--path-color,#0ff);font-family:Orbitron,monospace;font-size:1.6rem;letter-spacing:1px;margin-bottom:1rem;text-align:center;text-shadow:0 0 15px currentColor}.path-description{color:#ffffffe6;line-height:1.6;min-height:3.2rem}.path-traits{margin-bottom:1.5rem}.trait-tag{background:#0009;border-radius:20px;font-size:.85rem;padding:.4rem .8rem;transition:all .3s ease}.trait-tag:hover{background:#0ff;background:var(--path-color,#0ff);color:#000;transform:scale(1.05)}.card-footer{display:flex;justify-content:center;margin-top:auto}.select-path-btn{align-items:center;background:linear-gradient(45deg,#0000,#0ff);background:linear-gradient(45deg,#0000,var(--path-color,#0ff));border:2px solid #0ff;border:2px solid var(--path-color,#0ff);border-radius:25px;color:#fff;cursor:pointer;display:flex;font-family:Orbitron,monospace;font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:1px;overflow:hidden;padding:.8rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s ease}.select-path-btn:before{background:#0ff;background:var(--path-color,#0ff);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:-1}.select-path-btn:hover:before{left:0}.select-path-btn:hover{box-shadow:0 5px 15px #0000004d;color:#000;transform:translateY(-2px)}.btn-arrow{transition:transform .3s ease}.select-path-btn:hover .btn-arrow{transform:translateX(5px)}@media (max-width:1200px){.destiny-paths-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.destiny-section{padding:2rem 1rem}.destiny-title{font-size:2.5rem;margin-bottom:1rem}.destiny-subtitle{font-size:1rem;margin-bottom:2rem}.destiny-paths-grid{gap:1.5rem;grid-template-columns:1fr}.destiny-card{min-height:400px}.path-icon{font-size:2rem;height:60px;width:60px}.path-title{font-size:1.4rem}.select-path-btn{font-size:.85rem;padding:.7rem 1.2rem}}.path-description{color:#fffc;font-family:Rajdhani,sans-serif;font-size:1.1rem;line-height:1.5;margin-bottom:1.5rem;text-align:center}.path-traits{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.trait-tag{background:#00000080;border:1px solid #0ff;border:1px solid var(--path-color,#0ff);border-radius:15px;color:#0ff;color:var(--path-color,#0ff);font-family:Source Code Pro,monospace;font-size:.9rem;padding:.3rem .8rem}.destiny-questions{margin:0 auto;max-width:600px}.question-progress{margin-bottom:2rem;text-align:center}.progress-bar{background:#00000080;margin-bottom:1rem;width:100%}.progress-fill{background:linear-gradient(90deg,#0ff,#f0f);height:100%;transition:width .5s ease}.progress-text{color:#0ff;font-family:Orbitron,monospace;font-size:1rem}.question-card{background:#0009;border:2px solid #00ffff4d;border-radius:20px;padding:3rem 2rem;text-align:center}.question-title{color:#fff;font-family:Orbitron,monospace;font-size:clamp(1.3rem,4vw,1.8rem);margin-bottom:2rem;text-shadow:0 0 10px #0ff}.question-options{display:flex;flex-direction:column;gap:1rem}.option-button{background:#00000080;border:2px solid #fff3;border-radius:15px;color:#ffffffe6;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:1.1rem;padding:1.2rem 1.5rem;text-align:left;transition:all .3s ease}.option-button:hover{background:#ff00ff1a;border-color:#f0f;color:#f0f;transform:translateX(10px)}.destiny-result{margin:0 auto;max-width:700px;text-align:center}.result-card{background:#000000b3;border:2px solid #0ff;border-radius:25px;overflow:hidden;padding:3rem 2rem;position:relative}.result-card:before{animation:resultSpin 8s linear infinite;background:conic-gradient(#0000,#00ffff1a,#0000 30%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes resultSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.result-header{margin-bottom:2rem;position:relative;z-index:2}.result-icon{animation:resultPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 20px currentColor);font-size:4rem;margin-bottom:1rem}@keyframes resultPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.result-title{color:#0ff;font-family:Orbitron,monospace;font-size:clamp(1.5rem,5vw,2.5rem);margin:0;text-shadow:0 0 20px currentColor}.result-content{margin-bottom:2rem;position:relative;z-index:2}.result-description{color:#ffffffe6;font-family:Rajdhani,sans-serif;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.result-outcome{background:#00000080;border-radius:15px;margin-bottom:2rem;padding:1.5rem}.result-outcome h4{color:#f0f;font-family:Orbitron,monospace;margin-bottom:1rem}.result-outcome p{color:#fffc;font-family:Rajdhani,sans-serif;font-size:1.1rem;line-height:1.5}.result-traits h4{color:#0ff;font-family:Orbitron,monospace;margin-bottom:1rem}.traits-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.result-trait{background:linear-gradient(45deg,#0ff,#f0f);border-radius:20px;color:#000;font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;padding:.5rem 1rem;text-shadow:none}.result-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;position:relative;z-index:2}.discover-again-btn,.embrace-destiny-btn{border:2px solid;border-radius:25px;cursor:pointer;font-family:Orbitron,monospace;font-weight:600;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.discover-again-btn{background:#0000;border-color:#f0f;color:#f0f}.discover-again-btn:hover{background:#f0f;box-shadow:0 0 20px #f0f;color:#000}.embrace-destiny-btn{background:linear-gradient(45deg,#0ff,#f0f);border-color:#0000;color:#000}.embrace-destiny-btn:hover{box-shadow:0 0 30px #00ffff80;transform:scale(1.05)}.destiny-bg-effects{left:0;overflow:hidden;pointer-events:none;top:0}.destiny-bg-effects,.floating-particles{height:100%;position:absolute;width:100%}.particle{animation:float 8s ease-in-out infinite;animation:float var(--duration,8s) ease-in-out infinite;animation-delay:0s;animation-delay:var(--delay,0s);background:#0ff;border-radius:50%;height:4px;position:absolute;width:4px}@keyframes float{0%,to{opacity:0;transform:translateY(100vh) translateX(0) rotate(0deg)}10%,90%{opacity:1}50%{transform:translateY(-10vh) translateX(100px) rotate(180deg)}}.neural-network{height:300px;transform:translate(-50%,-50%);width:300px}.neural-line,.neural-network{left:50%;position:absolute;top:50%}.neural-line{animation:neuralPulse 4s ease-in-out infinite;animation-delay:0s;animation-delay:var(--delay,0s);background:linear-gradient(90deg,#0000,#f0f,#0000);height:2px;transform:rotate(0deg);transform:rotate(var(--angle,0deg));transform-origin:0 50%;width:150px}@keyframes neuralPulse{0%,to{opacity:.3}50%{opacity:1}}@media (max-width:768px){.destiny-section{padding:3rem 1rem}.destiny-paths{gap:1.5rem;grid-template-columns:1fr}.destiny-path-card{padding:1.5rem}.question-card,.result-card{padding:2rem 1.5rem}.result-actions{align-items:center;flex-direction:column}.discover-again-btn,.embrace-destiny-btn{max-width:250px;width:100%}}.hero-features{animation:heroFeaturesSlideIn 1s ease-out 1.5s both;bottom:3rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;left:50%;max-width:90%;position:absolute;transform:translateX(-50%);z-index:10}.feature-tag{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #00ffff4d;border-radius:25px;color:#fffc;display:flex;font-family:Source Code Pro,monospace;font-size:clamp(.7rem,1.8vw,.9rem);gap:.5rem;letter-spacing:1px;padding:.6rem 1.2rem;text-transform:uppercase;transition:all .3s ease}.feature-tag:hover{background:#00ffff1a;border-color:#0ff;color:#0ff;text-shadow:0 0 8px #0ff;transform:translateY(-2px)}.cityscape{background:linear-gradient(0deg,#8a2be24d 0,#00ffff1a 40%,#0000);height:60%;width:120%;z-index:3}.building,.cityscape{bottom:0;position:absolute}.building{background:linear-gradient(0deg,#1a1a2e,#16213e);border-top:2px solid #0ff}.building:first-child{height:200px;left:10%;width:60px}.building:nth-child(2){height:350px;left:20%;width:80px}.building:nth-child(3){height:280px;left:35%;width:100px}.building:nth-child(4){height:400px;right:30%;width:70px}.building:nth-child(5){height:220px;right:15%;width:90px}.building:nth-child(6){height:380px;right:5%;width:110px}.hologram-figure{animation:hologramFlicker 3s ease-in-out infinite;filter:drop-shadow(0 0 20px #ff00ff);height:400px;position:absolute;right:15%;top:20%;width:300px;z-index:4}.holo-woman{animation:holoGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#ff00ffb3,#00ffff80 30%,#f0fc 60%,#8a2be299);-webkit-clip-path:ellipse(45% 60% at 50% 40%);clip-path:ellipse(45% 60% at 50% 40%);height:100%;position:relative;width:100%}.holo-woman:before{animation:faceGlow 1.5s ease-in-out infinite alternate;background:linear-gradient(45deg,#ffc8dce6,#ff96c8cc);border-radius:50% 50% 45% 45%;content:"";height:25%;left:35%;position:absolute;top:15%;width:30%}.holo-woman:after{animation:hairFlow 3s ease-in-out infinite;background:linear-gradient(180deg,#c896ffcc,#9664ff99 50%,#0000);border-radius:60% 60% 20% 20%;content:"";height:35%;left:25%;position:absolute;top:12%;width:50%}.pointing-hand{animation:pointGesture 2s ease-in-out infinite;background:linear-gradient(90deg,#ff00ffe6,#ff64c8cc);border-radius:10px;height:20px;left:10%;position:absolute;top:45%;transform-origin:right center;width:60px}.pointing-hand:before{animation:fingerPoint 1.5s ease-in-out infinite alternate;border-bottom:8px solid #0000;border-left:15px solid #ff00ffe6;border-top:8px solid #0000;content:"";height:0;position:absolute;right:-15px;top:50%;transform:translateY(-50%);width:0}.holo-scanlines{animation:scanMove .8s linear infinite;background:repeating-linear-gradient(0deg,#0000,#00ffff1a 1px,#0000 2px,#0000 4px);height:100%;left:0;position:absolute;top:0;width:100%}@keyframes hologramFlicker{0%,to{opacity:.8;transform:scale(1) skew(0deg)}10%{opacity:.3;transform:scale(1.02) skew(.5deg)}20%{opacity:.9;transform:scale(.98) skew(-.3deg)}30%{opacity:.7;transform:scale(1.01) skew(.2deg)}40%{opacity:1;transform:scale(1) skew(0deg)}}@keyframes holoGlow{0%{filter:brightness(1) saturate(1);transform:scale(1) skew(0deg)}to{filter:brightness(1.2) saturate(1.3);transform:scale(1.02) skew(.5deg)}}@keyframes faceGlow{0%{opacity:.8}to{opacity:1}}@keyframes hairFlow{0%{transform:translateY(0) scaleY(1)}50%{transform:translateY(-2px) scaleY(1.05)}to{transform:translateY(0) scaleY(1)}}@keyframes pointGesture{0%{transform:translateX(0) rotate(0deg)}50%{transform:translateX(-20px) rotate(-5deg)}to{transform:translateX(0) rotate(0deg)}}@keyframes fingerPoint{0%{border-left-color:#ff00ffe6}to{border-left-color:#00ffffe6}}.section-header{margin-bottom:3rem;text-align:center}.section-title{color:#0ff;font-size:2.5rem;margin-bottom:1rem;text-shadow:0 0 15px #0ff}.section-subtitle{color:#fffc;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.timeline{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:5rem 2rem;position:relative}.timeline-hero{animation:heroGlow 3s ease-in-out infinite alternate;border:3px solid #f0f9;border-radius:15px;box-shadow:0 0 40px #ff00ff4d;cursor:pointer;height:500px;margin:3rem 0;max-width:800px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.timeline-hero:hover{border-color:#0ffc;box-shadow:0 0 60px #00ffff80;transform:scale(1.02)}@keyframes heroGlow{0%{border-color:#f0f9;box-shadow:0 0 40px #ff00ff4d}to{border-color:#0ffc;box-shadow:0 0 60px #0ff6}}.cyberpunk-girl{filter:brightness(1.1) contrast(1.2) saturate(1.3);height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.timeline-hero:hover .cyberpunk-girl{transform:scale(1.05)}.hero-overlay{background:linear-gradient(#0000,#000000b3 50%,#0d0717e6);bottom:0;left:0;padding:2rem;position:absolute;right:0;text-align:center}.hero-text{animation:textPulse 2s ease-in-out infinite alternate;color:#f0f;font-family:Orbitron,monospace;font-size:2.5rem;margin-bottom:.5rem;text-shadow:0 0 20px #f0f}@keyframes textPulse{0%{text-shadow:0 0 20px #f0f}to{text-shadow:0 0 30px #f0f,0 0 40px #f0f}}.hero-subtitle{color:#0ff;font-family:Rajdhani,sans-serif;font-size:1.2rem;opacity:.9;text-shadow:0 0 10px #0ff}.timeline-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(2,1fr);margin:2rem 0;max-width:1200px;padding:0 2rem;width:100%}.click-hint{animation:hintPulse 2s ease-in-out infinite;color:#ffffffb3;font-size:.9rem;font-style:italic;margin-top:.5rem}@keyframes hintPulse{0%,to{opacity:.5}50%{opacity:1}}.scan-lines{animation:scanMove 2s linear infinite;background:repeating-linear-gradient(0deg,#0000,#00ffff08 1px,#0000 2px,#0000 4px);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes scanMove{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.timeline-hero.fallback-bg{background:linear-gradient(135deg,#ff00ff4d,#00ffff4d 50%,#8a2be24d)}.timeline-hero.fallback-bg:before{animation:robotPulse 2s ease-in-out infinite;content:"🤖";font-size:8rem;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes robotPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.1)}}.timeline-panel{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00ffff1a,#ff00ff1a);border:2px solid #00ffff80;border-radius:10px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;gap:1rem;justify-content:flex-start;min-height:450px;opacity:0;padding:2rem;position:relative;transform:translateY(100px);transition:all .8s ease-out;width:100%}.timeline-panel:hover{border-color:#f0fc;box-shadow:0 20px 40px #f0f3;transform:translateY(-5px)}.timeline-panel[data-year="2025"]{background:linear-gradient(135deg,#00ffff26,#00c8ff1a);border-color:#0ff9}.timeline-panel[data-year="2025"]:hover{border-color:#00ffffe6;box-shadow:0 20px 40px #00ffff4d}.timeline-panel[data-year="2030"]{background:linear-gradient(135deg,#ff00ff26,#c800ff1a);border-color:#f0f9}.timeline-panel[data-year="2030"]:hover{border-color:#ff00ffe6;box-shadow:0 20px 40px #ff00ff4d}.timeline-panel[data-year="2040"]{background:linear-gradient(135deg,#00ff8026,#00c8641a);border-color:#00ff8099}.timeline-panel[data-year="2040"]:hover{border-color:#00ff80e6;box-shadow:0 20px 40px #00ff804d}.timeline-panel[data-year="2050"]{background:linear-gradient(135deg,#ff800026,#ff64001a);border-color:#ff800099}.timeline-panel[data-year="2050"]:hover{border-color:#ff8000e6;box-shadow:0 20px 40px #ff80004d}.timeline-panel.visible{opacity:1;transform:translateY(0)}.timeline-year{color:#f0f;font-size:3rem;margin-bottom:1rem;text-shadow:0 0 10px #f0f}.timeline-description{color:#0ff;font-size:1.1rem;line-height:1.6;margin-bottom:1rem;text-align:center}.game-toggle-btn{background:linear-gradient(45deg,#f0f,#0ff);border:none;border-radius:5px;color:#000;cursor:pointer;font-weight:700;letter-spacing:1px;margin:1rem 0;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.game-toggle-btn:hover{box-shadow:0 10px 20px #ff00ff4d;transform:translateY(-2px)}.game-container{background:#0000004d;border:1px solid #00ffff4d;border-radius:10px;margin-top:1rem;padding:1rem;width:100%}.mini-game{color:#fff;text-align:center}.mini-game h4{color:#0ff;margin-bottom:1rem;text-shadow:0 0 10px #0ff}.game-start-btn{background:#0ff3;border:1px solid #0ff;border-radius:5px;color:#0ff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem;transition:all .3s ease}.game-start-btn:hover{background:#00ffff4d;box-shadow:0 0 10px #00ffff80}.memory-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin:1rem auto;max-width:200px}.memory-button{border:2px solid #ffffff4d;border-radius:10px;cursor:pointer;height:80px;opacity:.7;transition:all .3s ease;width:80px}.memory-button.active{box-shadow:0 0 20px currentColor;opacity:1;transform:scale(1.1)}.memory-button:hover{opacity:1;transform:scale(1.05)}.reaction-zone{align-items:center;background:#ffffff1a;border:2px solid #fff;border-radius:10px;cursor:pointer;display:flex;height:100px;justify-content:center;margin:1rem auto;transition:all .3s ease;width:200px}.reaction-zone.waiting{background:#ffff004d;border-color:#ff0}.reaction-zone.active{animation:reactionPulse .5s ease-in-out infinite;background:#00ff0080;border-color:#0f0}@keyframes reactionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.code-input{background:#00000080;border:2px solid #0ff;border-radius:5px;color:#fff;font-family:Source Code Pro,monospace;font-size:1.2rem;letter-spacing:5px;margin:.5rem;padding:.5rem;text-align:center;width:120px}.code-input:focus{box-shadow:0 0 10px #00ffff80;outline:none}.space-field{background:radial-gradient(circle,#012 0,#000511 100%);border:2px solid #0ff;border-radius:10px;cursor:crosshair;height:200px;margin:1rem auto;overflow:hidden;position:relative;width:300px}.ship{background:#0ff;box-shadow:0 0 10px #0ff;height:15px;transition:all .1s ease;width:15px}.ship,.target{border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.target{animation:targetPulse 1s ease-in-out infinite;background:#f0f;height:10px;width:10px}@keyframes targetPulse{0%,to{box-shadow:0 0 5px #f0f;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 15px #f0f;transform:translate(-50%,-50%) scale(1.2)}}@media (max-width:768px){.timeline-grid{gap:2rem;grid-template-columns:1fr;padding:0 1rem}.timeline-hero{height:300px;margin:2rem 0}.hero-text{font-size:1.8rem}.hero-subtitle{font-size:1rem}.hero-overlay{padding:1.5rem}.timeline-panel{min-height:400px}.memory-grid{max-width:160px}.memory-button{height:60px;width:60px}.space-field{height:150px;width:250px}.reaction-zone{font-size:.9rem;height:80px;width:180px}.code-input{font-size:1rem;width:100px}}@media (max-width:1024px) and (min-width:769px){.timeline-grid{gap:2rem;padding:0 1rem}.timeline-panel{min-height:420px}}.portals{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:5rem 2rem}.portals-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(2,1fr);margin-top:2rem;max-width:1000px;width:100%}.portal{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(45deg,#f0f3,#0ff3);border:2px solid #00ffffb3;cursor:pointer;display:flex;flex-direction:column;height:300px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease}.portal:hover{border-color:#f0f;box-shadow:0 0 40px #ff00ff80;transform:scale(1.05)}.portal h3{color:#0ff;font-size:1.5rem;margin-bottom:1rem;text-shadow:0 0 10px #0ff}.portal p{color:#fff;opacity:.8;padding:0 1rem;text-align:center}.toggle-section{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:flex-start;min-height:100vh;padding:3rem 2rem;position:relative}.world-toggle{display:flex;gap:2rem;margin-bottom:2rem}.toggle-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00ffff1a;border:2px solid #0ff;border-radius:10px;color:#0ff;cursor:pointer;display:flex;flex-direction:column;font-size:1.1rem;font-weight:700;gap:.5rem;letter-spacing:1px;overflow:hidden;padding:1.5rem 2.5rem;position:relative;text-transform:uppercase;transition:all .3s ease}.toggle-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.toggle-btn:hover:before{left:100%}.toggle-btn.active{background:#00ffff4d;box-shadow:0 0 30px #0ff,inset 0 0 20px #0ff3;transform:translateY(-3px)}.toggle-btn.dystopia{background:#ff00661a;border-color:#f06;color:#f06}.toggle-btn.dystopia.active{background:#ff00664d;box-shadow:0 0 30px #f06,inset 0 0 20px #f063}.world-subtitle{font-size:.8rem;font-weight:400;opacity:.8}.environment-controls{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.env-btn{background:#8a2be233;border:2px solid #8a2be280;border-radius:25px;color:#8a2be2;cursor:pointer;font-size:.9rem;padding:.8rem 1.5rem;transition:all .3s ease}.env-btn.active{background:#8a2be266;border-color:#8a2be2;box-shadow:0 0 20px #8a2be280}.exploration-stats{display:flex;gap:1rem}.stat{background:#0000004d;border:1px solid #00ffff4d;border-radius:15px;color:#0ff;font-family:Source Code Pro,monospace;font-size:.9rem;padding:.5rem 1rem}.character-selection{margin-bottom:2rem;max-width:1000px;width:100%}.selection-title{color:#0ff;font-size:1.3rem;margin-bottom:1.5rem;text-align:center;text-shadow:0 0 15px #0ff}.character-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.character-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:2px solid #00ffff4d;border-radius:15px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s ease}.character-card:hover{border-color:#ff00ffb3;box-shadow:0 10px 30px #ff00ff4d;transform:translateY(-5px)}.character-card.selected{background:#f0f3;border-color:#f0f;box-shadow:0 0 25px #ff00ff80}.character-avatar{filter:drop-shadow(0 0 15px currentColor);font-size:3rem;margin-bottom:1rem}.character-name{color:#f0f;font-size:1.2rem;margin-bottom:.5rem}.character-role{color:#0ff;font-size:.9rem;opacity:.8}.world-view{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#00ffff1a,#ff00ff1a);border:2px solid #00ffff80;border-radius:20px;display:flex;flex-direction:column;gap:2rem;max-width:1200px;min-height:600px;padding:2rem;position:relative;transition:all 1s ease;width:100%}.world-view.dystopia{background:linear-gradient(135deg,#f063,#8b000033);border-color:#ff0066b3}.world-story{background:#0006;border:1px solid #00ffff4d;border-radius:15px;padding:1.5rem}.story-header h3{color:#0ff;margin-bottom:1rem;text-shadow:0 0 10px #0ff}.story-content{color:#fff;font-size:1.1rem;font-style:italic;line-height:1.6}.exploration-interface{background:#0000004d;border:1px solid #ff00ff4d;border-radius:15px;padding:1.5rem}.exploration-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.exploration-header h3{color:#f0f;text-shadow:0 0 10px #f0f}.explore-btn{background:linear-gradient(45deg,#f0f,#0ff);border:none;border-radius:25px;color:#000;cursor:pointer;font-weight:700;letter-spacing:1px;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.explore-btn:hover{box-shadow:0 0 20px #ff00ff80;transform:scale(1.05)}.explore-btn.exploring{animation:exploringPulse 1.5s ease-in-out infinite}@keyframes exploringPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.location-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.location-card{background:#00000080;border:1px solid #fff3;border-radius:10px;cursor:pointer;opacity:.6;padding:1rem;text-align:center;transition:all .3s ease}.location-card.discovered{animation:discoveryGlow 2s ease-in-out;background:#00ffff1a;border-color:#00ffffb3;opacity:1}@keyframes discoveryGlow{0%{box-shadow:0 0 0 #0ff0}50%{box-shadow:0 0 30px #0ffc}to{box-shadow:0 0 10px #00ffff4d}}.location-card.hidden:hover{border-color:#ffffff80;transform:scale(1.02)}.location-icon{font-size:2rem;margin-bottom:.5rem}.location-name{color:#0ff;font-size:1rem;margin-bottom:.5rem}.location-description{color:#fffc;font-size:.8rem;line-height:1.4}.world-preview{background:#0000004d;border:1px solid #8a2be24d;border-radius:15px;padding:1.5rem}.preview-header h3{color:#8a2be2;margin-bottom:1rem;text-shadow:0 0 10px #8a2be2}.preview-container{align-items:center;display:flex;justify-content:center;min-height:300px;perspective:1000px}.world-sphere{animation:worldRotate 20s linear infinite;background:radial-gradient(circle at 30% 30%,#00ffff4d 0,#0064ff33 50%,#0000641a 100%);border:2px solid #00ffff80;border-radius:50%;box-shadow:0 0 50px #00ffff4d;height:250px;position:relative;transform-style:preserve-3d;width:250px}.world-sphere.dystopia{background:radial-gradient(circle at 30% 30%,#ff00664d 0,#8b000033 50%,#6400001a 100%);border-color:#ff006680;box-shadow:0 0 50px #ff00664d}@keyframes worldRotate{0%{transform:rotateY(0deg) rotateX(10deg)}to{transform:rotateY(1turn) rotateX(10deg)}}.sphere-inner{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.world-details h4{color:#fff;font-size:1.2rem;margin-bottom:1rem;text-shadow:0 0 15px currentColor}.world-stats{display:flex;flex-direction:column;gap:.5rem}.stat-item{align-items:center;background:#000000b3;border-radius:15px;display:flex;font-size:.8rem;justify-content:space-between;padding:.3rem .8rem}.stat-label{color:#0ff}.stat-value{color:#fff;font-weight:700}.floating-elements{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.dystopia-particle,.harmony-particle{animation:floatAround 8s ease-in-out infinite;font-size:1.5rem;position:absolute}.harmony-particle:first-child{animation-delay:0s;left:20%;top:20%}.harmony-particle:nth-child(2){animation-delay:2s;right:20%;top:60%}.harmony-particle:nth-child(3){animation-delay:4s;bottom:20%;left:40%}.dystopia-particle:first-child{animation-delay:1s;left:10%;top:30%}.dystopia-particle:nth-child(2){animation-delay:3s;right:10%;top:70%}.dystopia-particle:nth-child(3){animation-delay:5s;bottom:30%;left:60%}@keyframes floatAround{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-20px) translateX(10px)}50%{transform:translateY(-10px) translateX(-15px)}75%{transform:translateY(15px) translateX(5px)}}.interactive-elements{background:#0000004d;border:1px solid #ff80004d;border-radius:15px;padding:1.5rem}.element-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.interactive-card{background:#00000080;border:1px solid #fff3;border-radius:10px;padding:1.5rem;transition:all .3s ease}.interactive-card:hover{border-color:#ff8000b3;box-shadow:0 10px 25px #ff800033;transform:translateY(-3px)}.interactive-card h4{color:#ff8000;margin-bottom:1rem;text-shadow:0 0 10px #ff8000}.metrics{display:flex;flex-direction:column;gap:.8rem}.metric{align-items:center;color:#fff;display:flex;font-size:.9rem;justify-content:space-between}.progress-bar{background:#fff3;border-radius:3px;height:6px;overflow:hidden;width:100px}.progress{background:linear-gradient(90deg,#f0f,#0ff);border-radius:3px;box-shadow:0 0 10px #00ffff80;height:100%;transition:width .5s ease}.simulation{text-align:center}.simulation p{color:#fffc;line-height:1.4;margin-bottom:1rem}.sim-btn{background:#ff800033;border:2px solid #ff800080;border-radius:25px;color:#ff8000;cursor:pointer;font-weight:700;letter-spacing:1px;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.sim-btn:hover{background:#ff80004d;box-shadow:0 0 20px #ff800080;transform:scale(1.05)}.thoughts{text-align:center}.thought-bubble{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;color:#fff;font-style:italic;line-height:1.4;padding:1rem;position:relative}.thought-bubble:before{content:"💭";font-size:1.5rem;left:20px;position:absolute;top:-10px}@media (max-width:768px){.toggle-section{gap:1.5rem;padding:2rem 1rem}.world-toggle{flex-direction:column;gap:1rem;max-width:300px;width:100%}.environment-controls{flex-direction:column;gap:1rem;text-align:center}.exploration-stats{justify-content:center}.character-grid{gap:1rem;grid-template-columns:1fr}.world-view{padding:1.5rem}.exploration-header{flex-direction:column;gap:1rem;text-align:center}.location-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.world-sphere{height:200px;width:200px}.element-grid{gap:1rem;grid-template-columns:1fr}.stat-item{font-size:.7rem}}.quiz{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:5rem 2rem}.quiz-question{color:#0ff;font-size:2rem;margin-bottom:3rem;text-align:center;text-shadow:0 0 10px #0ff}.quiz-options{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:3rem}.quiz-option{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff00ff1a;border:2px solid #ff00ff80;color:#fff;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s ease}.quiz-option:hover{background:#f0f3;border-color:#f0f;transform:translateY(-5px)}.quiz-result{align-items:center;animation:hologramReveal 1s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(45deg,#0ff3,#f0f3);border:2px solid #0ff;display:none;flex-direction:column;height:300px;justify-content:center;padding:2rem;text-align:center;width:400px}.quiz-result.show{display:flex}@keyframes hologramReveal{0%{opacity:0;transform:scale(.5) rotateY(180deg)}to{opacity:1;transform:scale(1) rotateY(0deg)}}.finale{min-height:100vh;padding:5rem 2rem;position:relative;text-align:center}.finale,.finale-billboard{align-items:center;display:flex;flex-direction:column;justify-content:center}.finale-billboard{animation:billboardGlow 3s ease-in-out infinite alternate;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(45deg,#ff00ff4d,#00ffff4d);border:3px solid #f0f;height:200px;margin-bottom:2rem;width:600px}@keyframes billboardGlow{0%{box-shadow:0 0 20px #ff00ff80}to{box-shadow:0 0 40px #f0fc}}.finale-text{color:#fff;font-size:1.5rem;margin-bottom:2rem;text-shadow:0 0 10px #0ff}.contact-form{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0000004d;border:1px solid #00ffff4d;border-radius:10px;margin:2rem auto;max-width:500px;padding:2rem}.contact-form h3{color:#0ff;font-size:1.5rem;text-align:center;text-shadow:0 0 10px #0ff}.contact-form h3,.form-group{margin-bottom:1.5rem}.cyber-input,.cyber-textarea{background:#00000080;border:2px solid #00ffff80;border-radius:5px;color:#fff;font-family:Courier New,monospace;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.cyber-input:focus,.cyber-textarea:focus{border-color:#0ff;box-shadow:0 0 10px #00ffff4d;outline:none}.cyber-input::placeholder,.cyber-textarea::placeholder{color:#ffffff80}.cyber-textarea{height:100px;resize:vertical}.subscribe-btn{animation:neonPulse 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#f0f,#0ff);border:none;color:#000;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:2px;padding:1rem 3rem;text-transform:uppercase;width:100%}@keyframes neonPulse{0%{box-shadow:0 0 5px #f0f,0 0 10px #f0f,0 0 20px #f0f}to{box-shadow:0 0 10px #f0f,0 0 20px #f0f,0 0 40px #f0f}}.loading-overlay{background:linear-gradient(135deg,#0d0717,#1a0d2e 50%,#0d0717);height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .5s ease;z-index:10000}.loading-container,.loading-overlay{align-items:center;display:flex;width:100%}.loading-container{flex-direction:column;gap:2rem;max-width:500px;padding:2rem}.loading-logo{align-items:center;display:flex;font-family:Orbitron,monospace;font-size:3rem;font-weight:700;margin-bottom:1rem}.loading-logo .logo-text{animation:logoGlow 2s ease-in-out infinite alternate;color:#0ff;margin-right:1rem;text-shadow:0 0 20px #0ff}.loading-logo .logo-ai{animation:logoGlow 2s ease-in-out infinite alternate-reverse;color:#f0f;text-shadow:0 0 20px #f0f}.loading-progress-container{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.loading-progress-bar{background:#0ff3;border-radius:2px;height:4px;overflow:hidden;position:relative;width:100%}.loading-progress-fill{background:linear-gradient(90deg,#0ff,#f0f);border-radius:2px;box-shadow:0 0 10px #00ffff80;height:100%;position:relative;transition:width .3s ease}.loading-progress-fill:after{animation:progressShine 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff80);content:"";height:100%;position:absolute;right:0;top:0;width:20px}@keyframes progressShine{0%{transform:translateX(-20px)}to{transform:translateX(20px)}}.loading-percentage{color:#0ff;font-family:Source Code Pro,monospace;font-size:1.2rem;min-width:50px;text-shadow:0 0 10px #0ff}.loading-text{animation:loadingPulse 1.5s ease-in-out infinite alternate;color:#0ff;font-family:Rajdhani,monospace;font-size:1.2rem;letter-spacing:2px;text-align:center;text-shadow:0 0 15px #0ff;text-transform:uppercase}.loading-scanner{background:#0000004d;border:1px solid #00ffff4d;height:60px;overflow:hidden;position:relative;width:100%}.scanner-line{animation:scannerMove 2s linear infinite;background:linear-gradient(90deg,#0000,#0ff,#f0f,#0000);box-shadow:0 0 20px #0ff;height:2px;left:-100%;position:absolute;top:0;width:100%}@keyframes scannerMove{0%{left:-100%}to{left:100%}}@keyframes loadingPulse{0%{opacity:.7;text-shadow:0 0 15px #0ff;transform:scale(1)}to{opacity:1;text-shadow:0 0 25px #0ff;transform:scale(1.02)}}@media (max-width:768px){.nav-container{padding:1rem}.nav-logo{font-size:1.3rem}.logo-subtitle{bottom:-10px;font-size:.4rem}.nav-menu{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d0717fa;border-right:2px solid #00ffff4d;flex-direction:column;gap:1.5rem;height:calc(100vh - 70px);justify-content:flex-start;left:-100%;padding:2rem;position:fixed;top:70px;transition:left .3s ease;width:100%}.nav-menu.active{left:0}.nav-menu li{max-width:280px;width:100%}.nav-link{background:#0000004d;border:1px solid #00ffff4d;border-radius:10px;font-size:1.1rem;justify-content:center;margin-bottom:.5rem;padding:1rem 1.5rem;text-align:center;width:100%}.nav-icon{font-size:1.2rem}.nav-toggle{display:flex}.auth-buttons,.nav-auth{flex-direction:column;gap:.5rem}.auth-buttons{width:120px}.auth-btn{font-size:.8rem;padding:.5rem 1rem;text-align:center}.user-menu{flex-direction:column;gap:.5rem;padding:.5rem}.user-info{justify-content:center}.sign-out-btn{font-size:.7rem;padding:.4rem .8rem}}@media (max-width:1024px) and (min-width:769px){.nav-container{padding:1rem 1.5rem}.nav-menu{gap:1.2rem}.nav-link{font-size:1rem;padding:.7rem 1rem}.nav-icon{font-size:1.2rem}.auth-btn{font-size:.9rem;padding:.7rem 1.2rem}.hero{padding:90px 2rem 2rem}.hero-title{font-size:clamp(2.5rem,6vw,4rem)}.cta-button{font-size:1.1rem;padding:1.1rem 2.2rem}}@keyframes subtitlePulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0d0717}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f0f,#0ff);border-radius:10px}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.voice-control{animation:voiceEntrance 1s ease-out;position:fixed;right:30px;top:100px;z-index:2000}@keyframes voiceEntrance{0%{opacity:0;transform:translateX(100px) scale(.5)}to{opacity:1;transform:translateX(0) scale(1)}}.voice-btn{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#00ffff26,#ff00ff26);border:2px solid #0ff9;border-radius:25px;color:#0ff;cursor:pointer;display:flex;font-family:Orbitron,monospace;font-size:.9rem;font-weight:500;gap:.8rem;letter-spacing:1px;overflow:hidden;padding:1rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s ease}.voice-btn:hover{border-color:#f0f;box-shadow:0 10px 30px #ff00ff4d;color:#f0f;transform:translateY(-2px)}.voice-btn.speaking{animation:voicePulse 1.5s ease-in-out infinite;border-color:#f0f;color:#f0f}@keyframes voicePulse{0%,to{box-shadow:0 0 20px #ff00ff80;transform:scale(1)}50%{box-shadow:0 0 40px #f0fc;transform:scale(1.05)}}.voice-icon{align-items:center;display:flex;height:30px;justify-content:center;position:relative;width:30px}.speaker-icon{filter:drop-shadow(0 0 8px currentColor);font-size:1.2rem}.speaking-animation{align-items:center;display:flex;gap:3px;height:20px}.wave{animation:waveAnimation 1s ease-in-out infinite;background:currentColor;border-radius:2px;box-shadow:0 0 10px currentColor;height:100%;width:3px}.wave:first-child{animation-delay:0s}.wave:nth-child(2){animation-delay:.2s}.wave:nth-child(3){animation-delay:.4s}@keyframes waveAnimation{0%,to{opacity:.7;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1)}}.voice-text{font-size:.8rem;font-weight:600;white-space:nowrap}@media (max-width:768px){.voice-control{right:15px;top:80px}.voice-btn{font-size:.8rem;gap:.5rem;padding:.8rem 1rem}.voice-text{display:none}}.sound-control{animation:voiceEntrance 1.2s ease-out;position:fixed;right:30px;top:170px;z-index:2000}.sound-btn{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#8a2be226,#ff006626);border:2px solid #8a2be299;border-radius:25px;color:#8a2be2;cursor:pointer;display:flex;font-family:Orbitron,monospace;font-size:.9rem;font-weight:500;gap:.8rem;letter-spacing:1px;overflow:hidden;padding:1rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s ease}.sound-btn:hover{border-color:#f06;box-shadow:0 10px 30px #ff00664d;color:#f06;transform:translateY(-2px)}.sound-btn.enabled{background:linear-gradient(135deg,#00ff0026,#00ffff26);border-color:#0f0;color:#0f0}.sound-btn.enabled:hover{box-shadow:0 10px 30px #00ff004d}.sound-icon{align-items:center;display:flex;filter:drop-shadow(0 0 8px currentColor);font-size:1.2rem;height:30px;justify-content:center;width:30px}.sound-text{font-size:.8rem;font-weight:600;white-space:nowrap}@media (max-width:768px){.sound-control{right:15px;top:140px}.sound-btn{font-size:.8rem;gap:.5rem;padding:.8rem 1rem}.sound-btn .sound-text{display:none}}.mouse-trail{animation:trailFade 1s ease-out forwards;background:radial-gradient(circle,#0ff,#0000);height:8px;width:8px}.mouse-spark,.mouse-trail{border-radius:50%;pointer-events:none;position:fixed;z-index:9999}.mouse-spark{animation:sparkFade .8s ease-out forwards;height:4px;width:4px}.mouse-explosion{animation:explosionFade .6s ease-out forwards;border-radius:50%;height:6px;pointer-events:none;position:fixed;width:6px;z-index:9999}@keyframes trailFade{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(.3)}}@keyframes sparkFade{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.5) translateY(-20px)}}@keyframes explosionFade{0%{opacity:1;transform:scale(.5)}50%{opacity:.8;transform:scale(1.2)}to{opacity:0;transform:scale(.2)}}.ai-chat-toggle{bottom:30px;position:fixed;right:30px;z-index:3000}.chat-toggle-btn{align-items:center;animation:chatPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f0f,#0ff);border:none;border-radius:50%;box-shadow:0 4px 20px #f0f6;color:#000;cursor:pointer;display:flex;flex-direction:column;font-size:1.5rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}@keyframes chatPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.chat-toggle-btn:hover{box-shadow:0 6px 30px #f0f9;transform:scale(1.1)}.chat-indicator{font-size:.7rem;font-weight:700;margin-top:2px}.ai-chat-window{animation:chatSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d0717f2;border:2px solid #00ffff80;border-radius:15px;bottom:100px;display:flex;flex-direction:column;height:500px;position:fixed;right:30px;width:350px;z-index:3000}@keyframes chatSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{align-items:center;border-bottom:1px solid #00ffff4d;display:flex;justify-content:space-between;padding:1rem}.chat-header h3{color:#0ff;font-size:1.2rem;margin:0}.chat-close{background:none;border:none;color:#f0f;cursor:pointer;font-size:1.5rem;transition:all .3s ease}.chat-close:hover{color:#fff;transform:scale(1.2)}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem}.message{animation:messageSlide .3s ease-out;max-width:80%}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end}.message.ai{align-self:flex-start}.message-content{border-radius:15px;font-size:.9rem;line-height:1.4;padding:.8rem}.message.user .message-content{background:linear-gradient(135deg,#f0f,#8a2be2);color:#fff}.message.ai .message-content{background:linear-gradient(135deg,#0ff,#0080ff);color:#000;font-weight:500}.typing-indicator{display:flex;gap:3px;padding:.5rem 0}.typing-indicator span{animation:typingDot 1.4s ease-in-out infinite;background:#000;border-radius:50%;height:6px;width:6px}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.quick-questions{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem}.quick-question{background:#0ff3;border:1px solid #00ffff80;border-radius:15px;color:#0ff;cursor:pointer;font-size:.8rem;padding:.3rem .6rem;transition:all .3s ease}.quick-question:hover{background:#00ffff4d;transform:translateY(-2px)}.chat-input{border-top:1px solid #00ffff4d;display:flex;gap:.5rem;padding:1rem}.chat-input-field{background:#00000080;border:1px solid #00ffff80;border-radius:25px;color:#fff;flex:1 1;font-size:.9rem;padding:.8rem}.chat-input-field:focus{border-color:#0ff;box-shadow:0 0 10px #00ffff4d;outline:none}.chat-send-btn{background:linear-gradient(135deg,#0ff,#0080ff);border:none;border-radius:50%;color:#000;cursor:pointer;font-size:1.2rem;height:40px;transition:all .3s ease;width:40px}.chat-send-btn:hover{box-shadow:0 0 15px #00ffff80;transform:scale(1.1)}.auth-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:5000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{animation:modalSlideIn .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0d0717f2,#1a0d2ef2);border:2px solid #00ffff80;border-radius:20px;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{border-bottom:1px solid #0ff3;justify-content:space-between;padding:2rem 2rem 1rem}.auth-header,.auth-title{align-items:center;display:flex}.auth-title{color:#0ff;font-family:Orbitron,monospace;font-size:1.5rem;gap:.8rem;margin:0;text-shadow:0 0 15px #0ff}.auth-icon{filter:drop-shadow(0 0 10px currentColor);font-size:1.8rem}.auth-close{align-items:center;background:none;border:none;border-radius:50%;color:#f0f;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.auth-close:hover{background:#f0f3;color:#fff;transform:scale(1.1)}.auth-content{padding:2rem}.auth-description{color:#fffc;font-family:Rajdhani,sans-serif;line-height:1.5;margin-bottom:2rem;text-align:center}.error-message{align-items:center;background:#f003;border:1px solid #ff000080;border-radius:10px;color:#ff6b6b;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.error-icon{font-size:1.2rem}.auth-form{gap:1.5rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{color:#0ff;font-family:Source Code Pro,monospace;font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.form-input{background:#00000080;border:2px solid #00ffff4d;border-radius:10px;color:#fff;font-family:Courier New,monospace;font-size:1rem;padding:1rem;transition:all .3s ease}.form-input:focus{background:#000000b3;border-color:#0ff;box-shadow:0 0 20px #00ffff4d;outline:none}.form-input.error{border-color:#ff6b6b}.form-input::placeholder{color:#ffffff80}.error-text{color:#ff6b6b;font-family:Source Code Pro,monospace;font-size:.8rem;margin-top:.2rem}.auth-submit{align-items:center;background:linear-gradient(45deg,#f0f,#0ff);border:none;border-radius:50px;color:#000;cursor:pointer;display:flex;font-family:Orbitron,monospace;font-size:1rem;font-weight:700;gap:.8rem;justify-content:center;letter-spacing:1px;margin-top:1rem;padding:1.2rem;text-transform:uppercase;transition:all .3s ease}.auth-submit:hover:not(:disabled){box-shadow:0 10px 30px #ff00ff80;transform:translateY(-2px)}.auth-submit:disabled{cursor:not-allowed;opacity:.7}.auth-submit.loading{animation:submitPulse 1.5s ease-in-out infinite}@keyframes submitPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.submit-icon{filter:drop-shadow(0 0 5px #000);font-size:1.2rem}.auth-toggle{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1.5rem;text-align:center}.toggle-text{color:#ffffffb3;display:block;font-size:.9rem;margin-bottom:1rem}.toggle-button{background:none;border:2px solid #f0f;border-radius:25px;color:#f0f;cursor:pointer;font-family:Rajdhani,sans-serif;font-weight:600;letter-spacing:1px;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.toggle-button:hover:not(:disabled){background:#f0f3;transform:scale(1.05)}.demo-info{background:#00ffff1a;border:1px solid #00ffff4d;border-radius:10px;margin-top:1.5rem;padding:1rem}.demo-title{color:#0ff;font-weight:700;margin-bottom:.5rem}.demo-credentials,.demo-title{font-family:Source Code Pro,monospace}.demo-credentials{display:flex;flex-direction:column;font-size:.9rem;gap:.3rem}.demo-credentials code{background:#00000080;border-radius:5px;color:#f0f;padding:.2rem .5rem}.auth-bg-effects{border-radius:20px;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.auth-particle{animation:authParticleFloat 8s ease-in-out infinite;background:#0ff;border-radius:50%;height:4px;position:absolute;width:4px}.auth-particle:first-child{animation-delay:0s;left:10%;top:20%}.auth-particle:nth-child(2){animation-delay:2s;right:15%;top:60%}.auth-particle:nth-child(3){animation-delay:4s;bottom:30%;left:30%}@keyframes authParticleFloat{0%,to{opacity:.3;transform:translateY(0) translateX(0)}25%{opacity:1;transform:translateY(-20px) translateX(10px)}50%{opacity:.7;transform:translateY(-10px) translateX(-15px)}75%{opacity:.9;transform:translateY(15px) translateX(8px)}}.auth-message-overlay{animation:messageSlideDown .5s ease-out;left:50%;position:fixed;top:100px;transform:translateX(-50%);z-index:6000}@keyframes messageSlideDown{0%{opacity:0;transform:translateX(-50%) translateY(-100px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.auth-message{align-items:center;animation:messageGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#00ffffe6,#ff00ffe6);border-radius:50px;box-shadow:0 10px 30px #00ffff80;color:#000;display:flex;font-family:Orbitron,monospace;font-weight:700;gap:.8rem;padding:1rem 2rem}@keyframes messageGlow{0%{box-shadow:0 10px 30px #00ffff80}to{box-shadow:0 10px 40px #ff00ffb3}}.message-icon{filter:drop-shadow(0 0 5px #000);font-size:1.5rem}.navbar.scrolled .nav-logo .logo-cyber,.navbar.scrolled .nav-logo .logo-punk{font-size:1.6rem}.navbar.scrolled .nav-logo .logo-subtitle{font-size:.5rem}.hero .hero-content{animation:heroContentFadeIn 1s ease-out .5s both}@keyframes heroContentFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero .hero-features{animation:heroFeaturesSlideIn 1s ease-out 1s both}@keyframes heroFeaturesSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cyberpunk-footer{background:#0d0717f2;border-top:1px solid #00ffff4d;margin-top:5rem;padding:3rem 0 1rem}.footer-content{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-main{align-items:flex-start;border-bottom:1px solid #0ff3;display:flex;gap:3rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:2rem}.footer-brand{flex:1 1}.brand-name{align-items:center;display:flex;font-family:Orbitron,monospace;font-size:2rem;gap:.3rem;margin:0 0 .5rem}.cyber-text{color:#0ff}.punk-text{color:#f0f}.brand-tagline{color:#ffffffb3;font-family:Rajdhani,sans-serif;font-size:1rem;margin:0}.footer-links{display:flex;gap:3rem}.link-group{display:flex;flex-direction:column;gap:.8rem}.link-group h3{color:#0ff;font-family:Orbitron,monospace;font-size:1rem;letter-spacing:1px;margin:0 0 .5rem;text-transform:uppercase}.link-group a{color:#ffffffb3;font-family:Rajdhani,sans-serif;font-size:.95rem;text-decoration:none;transition:color .3s ease}.link-group a:hover{color:#f0f}.footer-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.copyright{color:#fff9;font-family:Source Code Pro,monospace;font-size:.85rem}.footer-legal{display:flex;gap:1.5rem}.footer-legal a{color:#fff9;font-family:Rajdhani,sans-serif;font-size:.85rem;text-decoration:none;transition:color .3s ease}.footer-legal a:hover{color:#0ff}@media (max-width:768px){.footer-main{flex-direction:column;gap:2rem}.footer-links{gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.footer-legal{justify-content:center}}
/*# sourceMappingURL=main.df2b9b8f.css.map*/