:root{--brand-blue:#485089;--brand-orange:#f9a63d;--brand-dark-orange:#d98622;--brand-gray:#716e6c;--brand-red:#b9352c;--nav-width:250px;--dot-size:8px;--glass-blur:blur(12px);--bg-color:#f4f6f8;--text-primary:#1a1a24;--text-secondary:#4a4a58;--vignette-grad:radial-gradient(circle at center, transparent 30%, #d2d6ded9 120%);--card-bg:#ffffffb3;--border-color:#4850891a;--nav-bg:#f4f6f8d9;--intro-logo-light-bg-visibility:.25;--webgl-fog:#f4f6f8;--webgl-floor:#fff}[data-theme=dark]{--bg-color:#030305;--text-primary:#fff;--text-secondary:#a0a0a5;--vignette-grad:radial-gradient(circle at center, transparent 30%, #020204d9 120%);--card-bg:#14141cb3;--border-color:#ffffff0d;--nav-bg:#030305d9;--webgl-fog:#030305;--webgl-floor:#050508}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);width:100vw;height:100vh;font-family:Inter,sans-serif;transition:background-color .4s,color .4s;overflow:hidden}body.unlocked{overflow:hidden auto}.accent-dot{color:var(--brand-orange);font-weight:600}#intro-layer{z-index:1000;width:100%;height:100%;transition:opacity 1.5s,transform 1.5s;position:fixed;top:0;left:0}#intro-layer.finished{opacity:0;pointer-events:none;transform:scale(1.05)}#webgl-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#vignette{background:var(--vignette-grad);z-index:2;pointer-events:none;mix-blend-mode:multiply;width:100%;height:100%;transition:background .4s;position:absolute;top:0;left:0}#logo-backdrop{opacity:0;z-index:2;pointer-events:none;background:#fffffff5;width:100%;height:100%;transition:opacity 1.2s;position:absolute;top:0;left:0}[data-theme=light] #logo-backdrop.is-visible{opacity:calc(1 - var(--intro-logo-light-bg-visibility))}#brand-reveal{z-index:3;pointer-events:none;flex-direction:column;align-items:center;width:85%;max-width:500px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.subtitle-container{margin-top:2.5rem;overflow:hidden}.subtitle{letter-spacing:.45em;color:var(--brand-blue);text-transform:uppercase;opacity:0;font-size:.75rem;font-weight:400;transition:color .4s;transform:translateY(100%)}[data-theme=dark] .subtitle{color:#a0a0a5}.loading-state{background:var(--bg-color);z-index:10;width:100%;height:100%;color:var(--brand-gray);letter-spacing:.3em;text-transform:uppercase;justify-content:center;align-items:center;font-size:.75rem;transition:opacity 1s;display:flex;position:absolute;top:0;left:0}#app-content{opacity:0;pointer-events:none;z-index:10;width:100%;min-height:100vh;transition:opacity 1.5s .5s;position:relative}#app-content:not(.locked){opacity:1;pointer-events:auto}