:root{color-scheme:dark;font-family:Inter,Segoe UI,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle at top left,rgba(88,126,255,.32),transparent 30%),radial-gradient(circle at top right,rgba(70,214,177,.18),transparent 24%),linear-gradient(145deg,#07111f,#0b1728 45%,#111a2d);color:#edf4ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button{font:inherit}.page-shell{min-height:100vh;display:grid;place-items:center;padding:32px}.hero-card{width:min(920px,100%);border:1px solid rgba(162,184,255,.18);border-radius:28px;padding:32px;background:#070f1cb8;box-shadow:0 20px 80px #01040c73;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card--authenticated{display:grid;gap:24px}.hero-header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:#8bb6ff}h1,h2,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2rem,5vw,3.75rem);line-height:.98}h2{margin-bottom:12px;font-size:1.1rem}.supporting-text{margin-bottom:0;max-width:58ch;color:#e6eeffc7}.ghost-button{border:1px solid rgba(162,184,255,.24);border-radius:999px;padding:10px 16px;color:#edf4ff;background:#ffffff0a;cursor:pointer}.ghost-button:hover{background:#ffffff1a}.status-row{display:flex;flex-wrap:wrap;gap:12px}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffff0f;color:#edf4ffd6}.status-pill--ready{background:#3db57129;color:#91f0b1}.status-pill--error{background:#ff5c7a26;color:#ffafbf}.json-panel{padding:20px;border-radius:20px;background:#050c16cc;border:1px solid rgba(162,184,255,.14)}pre{margin:0;overflow:auto;white-space:pre-wrap;word-break:break-word;color:#dbe7ff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}@media(max-width:640px){.page-shell{padding:16px}.hero-card{padding:24px}.hero-header{flex-direction:column}}