:root{--bg: #0f1115;--surface: #171a21;--border: #262b36;--text: #e8eaed;--muted: #9aa3b2;--accent: #5b8cff;--accent-ink: #0b1020;--radius: 14px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,#1b2030 0%,var(--bg) 60%);color:var(--text);font-family:var(--font);line-height:1.5}.loading{color:var(--muted)}.card{width:min(520px,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;box-shadow:0 20px 60px #00000059}.brand{margin:0 0 4px;font-size:1.5rem;letter-spacing:-.01em}.row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.muted{color:var(--muted);margin-top:4px}form{display:flex;flex-direction:column;gap:12px;margin-top:20px}input[type=email]{padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:#0e1117;color:var(--text);font:inherit}input[type=email]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #5b8cff40}button{padding:12px 16px;border:0;border-radius:10px;background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:600;cursor:pointer;transition:filter .15s ease,opacity .15s ease}button:hover{filter:brightness(1.05)}button:disabled{opacity:.6;cursor:default}.link{background:none;color:var(--muted);padding:0;font-weight:500}.link:hover{color:var(--text);filter:none}.note{margin-top:16px;padding:10px 12px;border-radius:10px;background:#5b8cff1f;border:1px solid rgba(91,140,255,.25);color:var(--text);font-size:.92rem}.demos{margin-top:20px;display:flex;flex-direction:column;gap:10px}.demo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:#0e1117}.demo-meta{display:flex;flex-direction:column;gap:2px}.demo strong{text-transform:capitalize}.preview{color:var(--accent);text-decoration:none;font-size:.85rem}.preview:hover{text-decoration:underline}.demo .download{padding:9px 16px}