:root{color-scheme:dark;--bg:#151719;--panel:#22252a;--line:#ffffff1f;--ink:#f6f5f2;--muted:#b7b8bc;--red:#ec2347;font:16px/1.6 "Segoe UI",system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;padding:40px 24px 48px}main{max-width:640px;margin:auto}a{color:inherit}
header{display:flex;align-items:center;padding-bottom:22px;margin-bottom:56px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:32px;letter-spacing:-1.5px}.brand img{width:46px;height:46px;object-fit:contain}.dot{color:var(--red)}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--red);margin:0 0 14px}h1{font-size:clamp(34px,7vw,52px);line-height:1.05;letter-spacing:-2px;font-weight:650;margin:0 0 22px}h2{font-size:24px;letter-spacing:-.6px;font-weight:650;margin:0 0 8px}p{color:var(--muted)}section p:first-of-type{color:var(--ink)}
section{background:var(--panel);border:1px solid var(--line);padding:28px;border-radius:6px;margin-top:28px}.muted{color:var(--muted);font-size:14px}
button,.button{display:inline-block;border:0;border-radius:4px;background:var(--red);color:#fff;padding:14px 22px;font:700 15px "Segoe UI",system-ui,sans-serif;text-decoration:none;cursor:pointer}button:hover,.button:hover{background:#c91c3c}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}
form{margin:14px 0}form[action="/logout"] button,form[action="/billing"] button{background:transparent;border:1px solid #ffffff40;color:var(--ink);padding:13px 21px}form[action="/logout"] button:hover,form[action="/billing"] button:hover{background:#ffffff12}
code{display:block;overflow-wrap:anywhere;background:#0f1012;border:1px solid var(--red);color:var(--ink);padding:16px;border-radius:4px;font:15px/1.5 Consolas,ui-monospace,monospace;margin:14px 0}
footer{margin-top:64px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;color:var(--muted);font-size:14px}footer span:first-child{font-weight:700;color:var(--ink)}footer .links{display:flex;flex-wrap:wrap;gap:18px}footer .links a{text-decoration:none}footer .links a:hover{color:var(--ink)}
@media(max-width:520px){body{padding:28px 18px 40px}header{margin-bottom:40px}.brand{font-size:28px}.brand img{width:40px;height:40px}section{padding:22px}}