*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a1208;--cyan:#00d4ff;--magenta:#c06;--silver:silver;--silver-light:#e8e8e8;--silver-dark:gray;--text-primary:#e8e8e8;--text-secondary:#a0a0a0;--font-display:"Orbitron", monospace;--font-body:"Inter", sans-serif}html{scroll-snap-type:y mandatory;overflow-y:scroll}body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden}.scene-section{scroll-snap-align:start;width:100vw;height:100vh;position:relative;overflow:hidden}.scene-overlay{z-index:10;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scene-number{font-family:var(--font-display);color:var(--cyan);letter-spacing:.3em;text-transform:uppercase;opacity:.6;margin-bottom:1rem;font-size:.75rem}.scene-title{font-family:var(--font-display);color:var(--text-primary);text-align:center;letter-spacing:.05em;text-shadow:0 0 40px #00d4ff26;font-size:clamp(2rem,6vw,5rem);font-weight:900}.scene-subtitle{font-family:var(--font-body);color:var(--text-secondary);text-align:center;letter-spacing:.02em;max-width:600px;margin-top:1rem;font-size:clamp(.875rem,1.5vw,1.25rem);font-weight:300}.scene-cta{pointer-events:auto;font-family:var(--font-display);color:var(--bg);background:var(--cyan);cursor:pointer;text-transform:uppercase;letter-spacing:.15em;border:none;border-radius:4px;margin-top:2rem;padding:1rem 2.5rem;font-size:.875rem;font-weight:600;transition:all .3s}.scene-cta:hover{background:#fff;transform:scale(1.05);box-shadow:0 0 30px #00d4ff66}.scene-cta.magenta{background:var(--magenta);color:#fff}.scene-cta.magenta:hover{background:#f07;box-shadow:0 0 30px #c066}.cyan-accent{color:var(--cyan)}.magenta-accent{color:var(--magenta)}.silver-accent{color:var(--silver)}.scroll-indicator{z-index:100;color:var(--text-secondary);font-size:.7rem;font-family:var(--font-display);letter-spacing:.2em;opacity:.4;flex-direction:column;align-items:center;gap:.5rem;animation:2s ease-in-out infinite pulse;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.7}}.scroll-indicator svg{width:24px;height:24px;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.progress-bar{z-index:200;background:linear-gradient(90deg, var(--cyan), var(--magenta));height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.scene-index{z-index:100;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:50%;right:1.5rem;transform:translateY(-50%)}.scene-dot{background:var(--text-secondary);opacity:.3;cursor:pointer;pointer-events:auto;border-radius:50%;width:8px;height:8px;transition:all .3s}.scene-dot.active{opacity:1;background:var(--cyan);box-shadow:0 0 10px var(--cyan);transform:scale(1.3)}.loading-screen{z-index:9999;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-spinner{border:2px solid #00d4ff1a;border-top-color:var(--cyan);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:.3em;font-size:.8rem}