:root{color-scheme:light dark;--fg:#181d16;--muted:#181d1699;--faint:#181d161f;--bg:#f5f5f4;--accent:#181d16;--accent-fg:#f5f5f4}
@media (prefers-color-scheme:dark){:root{--fg:#ececea;--muted:#ececea99;--faint:#ececea24;--bg:#121311;--accent:#ececea;--accent-fg:#121311}}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:1fr auto;background:var(--bg);color:var(--fg);font:17px/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;padding:24px}
main{width:min(100%,30rem);margin:auto;padding:48px 0}
footer{text-align:center;color:var(--muted);font-size:.78rem;padding:8px 0}
h1{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:600;letter-spacing:-.025em;line-height:1.15;margin:0 0 12px}
p{margin:0 0 16px}
strong{font-weight:600}
.lede{font-size:clamp(1.05rem,1rem + .36vw,1.3rem);color:var(--muted);margin-bottom:36px}
.muted{color:var(--muted);font-size:.9rem}
.brand{font-size:.85rem;color:var(--muted);margin-bottom:28px}.brand a{color:inherit;text-decoration:none}
a{color:inherit;text-underline-offset:3px;text-decoration-color:var(--muted)}
form{margin:0 0 16px}
label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:4px}
input{display:block;width:100%;font:inherit;font-size:1.1rem;padding:8px 0;border:0;border-bottom:1px solid var(--faint);border-radius:0;background:transparent;color:inherit;outline:0;transition:border-color .2s}
input:hover,input:focus{border-color:var(--fg)}
input::placeholder{color:var(--muted)}
.button{display:block;width:100%;text-align:center;font:inherit;font-weight:500;padding:11px 18px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg);text-decoration:none;cursor:pointer;margin-top:20px;transition:opacity .2s}
.button:hover{opacity:.85}
.button:focus-visible{outline:2px solid var(--fg);outline-offset:3px}
.button.secondary{background:transparent;color:var(--fg);border-color:var(--faint)}
.button.secondary:hover{border-color:var(--fg);opacity:1}
.button.cta{display:inline-block;width:auto;padding:12px 28px;margin:0}
.row{display:flex;gap:12px}.row form{flex:1}
.code{font:500 2rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-align:center;padding:18px 0;border-top:1px solid var(--faint);border-bottom:1px solid var(--faint);margin:0 0 20px}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;word-break:break-all}
.cmd{display:block;user-select:all;-webkit-user-select:all;cursor:text;font-size:.85rem;padding:10px 14px;border:1px solid var(--faint);border-radius:10px;margin-top:6px}
.or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.85rem;margin:18px 0}.or::before,.or::after{content:"";flex:1;border-top:1px solid var(--faint)}
.center{text-align:center}
.terminal{margin-top:40px}
.gap{margin-top:24px}.inline{display:inline;margin:0}.link{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--muted);cursor:pointer}
[role=alert]{border-left:2px solid currentColor;padding-left:12px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}