:root{--background:#fff;--foreground:#1e1e1e;--card:#f6f2ec;--primary:#295598;--primary-foreground:#fff;--brand-cobalt-deep:#1a3c7a;--border:#e4dfd3;--ring:#295598}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0;font-family:system-ui,sans-serif;font-size:1rem;line-height:1.65}main{max-width:40rem;margin:4rem auto;padding:2rem}h1{font-size:2rem;font-weight:400;line-height:1.18}.eyebrow{color:var(--primary);font-size:.875rem}form{gap:1rem;margin-block:1.5rem;display:grid}button,input,select{min-height:44px;font:inherit;border-radius:.5rem;padding:.75rem 1rem}button{background:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary);cursor:pointer}button:hover:not(:disabled){background:var(--brand-cobalt-deep)}button:disabled{opacity:.65;cursor:default}button.secondary{color:var(--primary);background:var(--background)}input,select{border:1px solid var(--border);background:var(--card);color:var(--foreground);width:100%}:focus-visible{outline:2px solid var(--ring);outline-offset:4px}summary{cursor:pointer;min-height:44px}.qr-code{max-width:100%;height:auto;display:block}.setup-key{overflow-wrap:anywhere;background:var(--card);padding:1rem;display:block}[role=alert]{border-left:3px solid var(--primary);padding-left:1rem}@media (max-width:40rem){main{margin-block:2rem;padding:1.5rem}}