:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #08111f; color: #e8f0ff; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: grid; place-items: center; background: radial-gradient(circle at 50% 0%, #15345c, #08111f 55%); }
.shell { width: min(680px, calc(100% - 32px)); padding: 48px; border: 1px solid #274768; border-radius: 18px; background: rgba(8,17,31,.9); box-shadow: 0 28px 80px #0008; }
.eyebrow { color: #57d3bd; font-size: .75rem; font-weight: 800; letter-spacing: .18em; }
h1 { margin: 8px 0 16px; font-size: clamp(2.5rem, 8vw, 5rem); line-height: .95; }
#status, #identity { color: #b9c9dc; line-height: 1.6; }
.button { display: inline-block; margin: 20px 8px 0 0; padding: 12px 18px; border: 0; border-radius: 10px; background: #57d3bd; color: #06131a; font: inherit; font-weight: 800; text-decoration: none; cursor: pointer; }
.secondary { background: #243b54; color: #e8f0ff; }