*{margin:0;padding:0;box-sizing:border-box}:root{--cyan: #00f0ff;--purple: #a855f7;--pink: #f472b6;--green: #22c55e;--red: #ef4444;--dark: #0a0a12;--card-bg: rgba(10, 10, 25, .75);--card-border: rgba(0, 240, 255, .15)}html{font-family:Rajdhani,system-ui,sans-serif;background:var(--dark);color:#fff}body{overflow-x:hidden}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}#canvas-container canvas{display:block;width:100%;height:100%}.hud{position:fixed;top:0;left:0;width:100%;z-index:100;padding:1rem 2rem;display:flex;align-items:center;gap:1.5rem;pointer-events:none}.hud-stage{display:flex;align-items:baseline;gap:.5rem;font-family:Orbitron,monospace;white-space:nowrap}.hud-num{font-size:1.4rem;font-weight:700;color:var(--cyan);text-shadow:0 0 10px var(--cyan)}.hud-name{font-size:.7rem;letter-spacing:.2em;color:#ffffff80;text-transform:uppercase}.progress-bar{flex:1;height:2px;background:#ffffff0d;border-radius:1px;overflow:hidden}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink));transition:width .1s linear;box-shadow:0 0 8px var(--cyan)}.content{position:relative;z-index:1;pointer-events:none}.section{min-height:100vh;display:flex;align-items:center;padding:4rem;position:relative;pointer-events:auto}.section-inner{max-width:460px;opacity:0;transform:translateY(50px) translate(-20px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:2rem 2.5rem;box-shadow:0 0 30px #00f0ff08,inset 0 0 30px #00f0ff05}.section-inner.visible{opacity:1;transform:translateY(0) translate(0)}.section-inner.left{margin-right:auto}.section-inner.right{margin-left:auto;transform:translateY(50px) translate(20px)}.section-inner.right.visible{transform:translateY(0) translate(0)}.section-inner.center{margin:0 auto;text-align:center;transform:translateY(50px) translate(0)}.section-hero{justify-content:center;min-height:100vh}.section-hero .section-inner{max-width:750px;background:#0006;border:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:none;border-radius:20px;padding:3rem}.section-hero h1{font-family:Orbitron,monospace;font-size:clamp(2.5rem,7vw,5rem);font-weight:900;letter-spacing:.08em;margin-bottom:1.2rem;color:#fff;text-shadow:0 0 30px rgba(0,240,255,.6),0 0 60px rgba(0,240,255,.3)}.subtitle{font-size:1.3rem;color:#ffffffbf;margin-bottom:3rem;font-weight:300}.scroll-hint{display:flex;flex-direction:column;align-items:center;gap:.75rem;font-family:Orbitron,monospace;color:var(--cyan);font-size:.65rem;letter-spacing:.3em;text-shadow:0 0 10px var(--cyan)}.arrow{width:1px;height:50px;background:linear-gradient(to bottom,var(--cyan),transparent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.5)}}.stage-label{font-family:Orbitron,monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.3em;color:var(--cyan);margin-bottom:.75rem;font-weight:400;text-shadow:0 0 8px var(--cyan)}.section h2{font-family:Orbitron,monospace;font-size:clamp(1.3rem,3vw,2rem);font-weight:700;margin-bottom:1rem;letter-spacing:.02em;color:#fff}.section p{font-size:1rem;line-height:1.8;color:#fff9;font-weight:300}.section-finale .section-inner{max-width:600px;border:1px solid rgba(168,85,247,.3);background:#0a0a19d9}.section-finale h2{background:linear-gradient(135deg,var(--cyan),var(--purple),var(--pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(1.5rem,3.5vw,2.5rem)}.finale-glow{width:100px;height:100px;margin:2rem auto 0;border-radius:50%;background:radial-gradient(circle,rgba(0,240,255,.3),rgba(168,85,247,.2) 40%,transparent 70%);animation:glowPulse 3s ease-in-out infinite;filter:blur(2px)}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.4);opacity:1}}@media (max-width: 768px){.section{padding:2rem 1.2rem}.section-inner{max-width:100%;padding:1.5rem}.section-inner.right{margin-left:0}.hud{padding:.75rem 1rem}}.explore-btn{position:fixed;bottom:3rem;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:.8rem;padding:.8rem 1.8rem;background:#00f0ff14;border:1px solid var(--cyan);border-radius:30px;cursor:pointer;pointer-events:auto;transition:all .3s}.explore-btn:hover{background:#00f0ff26;box-shadow:0 0 25px #00f0ff4d}.explore-btn.hidden{opacity:0;pointer-events:none;transform:translate(-50%) scale(.8)}.explore-pulse{width:12px;height:12px;border-radius:50%;background:var(--cyan);animation:blink 1.2s ease-in-out infinite;box-shadow:0 0 8px var(--cyan),0 0 20px var(--cyan)}.explore-text{font-family:Orbitron,monospace;font-size:.7rem;letter-spacing:.2em;color:var(--cyan);text-shadow:0 0 10px var(--cyan)}.esc-hint{position:fixed;top:4rem;right:2rem;z-index:200;display:flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;background:#ff323214;border:1px solid #ff4444;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .4s}.esc-hint.visible{opacity:1}.esc-pulse{width:10px;height:10px;border-radius:50%;background:#f44;animation:blink 1s ease-in-out infinite;box-shadow:0 0 8px #f44}.esc-key{font-family:Orbitron,monospace;font-size:.8rem;font-weight:700;color:#f44;text-shadow:0 0 8px #ff4444;padding:.15rem .5rem;border:1px solid #ff4444;border-radius:4px}.esc-label{font-family:Rajdhani,sans-serif;font-size:.8rem;color:#ffffff80}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}body.orbit-mode .content{opacity:0;pointer-events:none!important;transition:opacity .4s}body.orbit-mode .content *{pointer-events:none!important}body.orbit-mode{overflow:hidden}.detail-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);z-index:500;width:420px;max-width:90vw;max-height:70vh;overflow-y:auto;background:#050514f2;border:1px solid var(--cyan);border-radius:16px;padding:2rem 2.5rem;box-shadow:0 0 40px #00f0ff33,0 0 80px #00f0ff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.detail-popup.visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.detail-popup-close{position:absolute;top:.8rem;right:1rem;background:none;border:none;color:#f44;font-size:1.8rem;cursor:pointer;line-height:1;transition:transform .2s}.detail-popup-close:hover{transform:scale(1.3)}.detail-popup-title{font-family:Orbitron,monospace;font-size:1.4rem;font-weight:700;margin-bottom:.8rem;padding-bottom:.6rem;border-bottom:1px solid rgba(0,240,255,.2)}.detail-popup-desc{font-size:1rem;color:#ffffffb3;margin-bottom:1.2rem;line-height:1.6}.detail-popup-list{list-style:none;padding:0;margin:0}.detail-popup-list li{padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.9rem;color:#fffc;line-height:1.5}.detail-popup-list li strong{color:var(--cyan);font-weight:600}