body { margin:0; background:var(--background); color:var(--foreground); font-family:var(--font-body); font-size:var(--text-base); line-height:var(--leading-body); }
main { max-width:480px; margin:12vh auto; padding:32px; }
h1 { font-size:var(--text-2xl); font-weight:500; margin:32px 0 16px; }
p { color:var(--text-secondary); margin:16px 0 24px; }
a { color:var(--foreground); }.brand { font-weight:500; text-decoration:none; }
form { display:grid; gap:12px; margin:24px 0; }input,button { font:inherit; min-height:44px; border:1px solid var(--border-strong); border-radius:var(--radius-control); padding:8px 16px; }
input { background:var(--surface); color:var(--foreground); }button { background:var(--accent); color:var(--accent-foreground); cursor:pointer; border-color:transparent; }
.error { color:var(--danger); }code { overflow-wrap:anywhere; font-size:var(--text-sm); }