*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f11;--surface: #1a1a1f;--border: #2a2a32;--text: #e8e8f0;--muted: #8888a0;--accent: #7c6af7;--ok: #34d399;--error: #f87171;--loading: #fbbf24;font-family:system-ui,-apple-system,sans-serif;font-size:16px;color:var(--text);background:var(--bg)}body{min-height:100dvh;display:flex;align-items:center;justify-content:center}#root{width:100%}main{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:2rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:3rem 4rem;text-align:center;display:flex;flex-direction:column;gap:1rem;min-width:320px}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 30%,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--muted);font-size:.9rem;letter-spacing:.05em}.status{margin-top:.5rem}.badge{display:inline-block;padding:.35rem .9rem;border-radius:999px;font-size:.8rem;font-weight:500}.badge.ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok);border:1px solid color-mix(in srgb,var(--ok) 30%,transparent)}.badge.error{background:color-mix(in srgb,var(--error) 15%,transparent);color:var(--error);border:1px solid color-mix(in srgb,var(--error) 30%,transparent)}.badge.loading{background:color-mix(in srgb,var(--loading) 15%,transparent);color:var(--loading);border:1px solid color-mix(in srgb,var(--loading) 30%,transparent)}.btn-primary,.btn-secondary{padding:.6rem 1.5rem;border-radius:.5rem;font-size:.9rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:opacity .15s}.btn-primary:hover,.btn-secondary:hover{opacity:.85}.btn-primary{background:var(--accent);color:#000}.btn-secondary{background:transparent;color:var(--muted);border-color:var(--border)}