:root{color-scheme:dark;--surface:#151c1a;--raised:#1d2723;--text:#edf3ed;--muted:#afbbb3;--accent:#b7d5a2;--border:#354239;--danger:#ffb4a9;--radius:12px;--control-radius:8px;--field-height:48px;--space:24px;font-family:Manrope,Inter,system-ui,sans-serif;font-size:16px}
@media(prefers-color-scheme:light){:root{color-scheme:light;--surface:#f2f5ef;--raised:#e6ece2;--text:#1c2820;--muted:#51604f;--accent:#375d31;--border:#c9d3c3;--danger:#9c3027}}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:var(--surface);color:var(--text);padding:var(--space)}main{width:100%;max-width:400px}.brand{font-size:24px;font-weight:750;letter-spacing:-1px;margin:0 0 48px}.brand span{font-weight:400}.brand b{color:var(--accent)}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:2px;margin:0 0 12px}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 12px}.intro{color:var(--muted);line-height:1.6;margin:0 0 32px}form{display:grid;gap:var(--space)}label{display:grid;gap:8px;font-weight:600}input,button{font:inherit;border-radius:var(--control-radius);min-height:var(--field-height);width:100%}input{background:var(--raised);border:1px solid var(--border);color:var(--text);padding:12px 14px}button{border:1px solid var(--accent);background:var(--accent);color:var(--surface);font-weight:750;padding:12px 18px;cursor:pointer}button:hover{filter:brightness(1.08)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.error{color:var(--danger);font-size:14px;line-height:1.5;margin:0}.footer{margin:32px 0 0;border-top:1px solid var(--border);padding-top:var(--space);color:var(--muted);font-size:12px;letter-spacing:1px}