:root{color-scheme:light dark;--bg:#f6f7f6;--panel:#fff;--text:#252927;--muted:#66706b;--border:#dce3dd;--accent:#244b37}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,sans-serif;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:min(100%,410px);padding:28px;background:var(--panel);border:1px solid var(--border);border-radius:18px}.brand{font-weight:700;margin-bottom:28px}h1{font-size:23px;margin:0}p,small{color:var(--muted)}label{display:block;margin:18px 0 0}input{width:100%;font:inherit;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);margin-top:7px;min-width:0}button{width:100%;font:inherit;font-weight:600;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:13px;margin:24px 0;cursor:pointer}button:disabled{opacity:.6}#error{color:#c74727}small{display:block;font-size:12px}@media(prefers-color-scheme:dark){:root{--bg:#171717;--panel:#202020;--text:#ebebeb;--muted:#a3a3a3;--border:#3b3b3b}}