*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0c;--text:#e8e6e3;--text-dim:#6b6a6a;--accent:#d4d4d8;--accent-dim:#d4d4d826;--font-display:"Sora", sans-serif;--font-mono:"JetBrains Mono", monospace;--mx:50vw;--my:50vh}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;overflow:hidden}#root{height:100%}.cursor-glow{pointer-events:none;z-index:50;will-change:transform;background:radial-gradient(circle,#ffffff24 0%,#ffffff12 18%,#ffffff06 40%,#0000 70%);border-radius:50%;width:500px;height:500px;margin-top:-250px;margin-left:-250px;position:fixed;top:0;left:0}.scene{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.noise{z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;position:fixed;inset:0}.grid{pointer-events:none;-webkit-mask-image:radial-gradient(circle 350px at var(--mx) var(--my), #0000004d, transparent);mask-image:radial-gradient(circle 350px at var(--mx) var(--my), #0000004d, transparent);-webkit-mask-image:radial-gradient(circle 350px at var(--mx) var(--my), #0000004d, transparent);background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.content{z-index:10;opacity:0;flex-direction:column;align-items:center;gap:24px;transition:opacity .8s,transform .8s;display:flex;position:relative;transform:translateY(16px)}.scene.mounted .content{opacity:1;transform:translateY(0)}.logo-group{align-items:center;gap:16px;display:flex}.logo-text{font-family:var(--font-display);letter-spacing:.25em;color:var(--text);font-size:2.8rem;font-weight:600;line-height:1}.tagline{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim);margin-top:-8px;font-size:.95rem;font-weight:200}.divider{background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.4;width:48px;height:1px}.status-block{flex-direction:column;align-items:center;gap:10px;display:flex}.status-row{align-items:center;gap:8px;display:flex}.status-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.status-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:500}.status-detail{color:var(--text-dim);text-align:center;font-size:.8rem;font-weight:300;line-height:1.7}.progress-track{background:#ffffff0d;border-radius:2px;width:200px;height:2px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, transparent, var(--accent), transparent);animation:3s ease-in-out infinite scan;position:absolute;inset:0}.progress-glow{background:linear-gradient(90deg, transparent, var(--accent-dim), transparent);filter:blur(4px);animation:3s ease-in-out infinite scan;position:absolute;inset:-2px 0}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.meta{align-items:center;gap:10px;margin-top:4px;display:flex}.meta-item{letter-spacing:.1em;color:var(--text-dim);opacity:.6;font-size:.65rem;font-weight:300}.meta-sep{color:var(--text-dim);opacity:.3;font-size:.6rem}.footer{letter-spacing:.08em;color:var(--text-dim);opacity:.4;z-index:10;font-size:.65rem;font-weight:300;position:absolute;bottom:24px}.scene.mounted .logo-group{animation:.7s both fade-up}.scene.mounted .tagline{animation:.7s .1s both fade-up}.scene.mounted .divider{animation:.7s .2s both fade-up}.scene.mounted .status-block{animation:.7s .3s both fade-up}.scene.mounted .progress-track{animation:.7s .4s both fade-up}.scene.mounted .meta{animation:.7s .5s both fade-up}.scene.mounted .footer{animation:.7s .6s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.logo-text{font-size:2rem}.tagline{font-size:.8rem}}