:root{--ink:#16181D;--ink-2:#3A3F4B;--muted:#4A4F5C;--accent:#FF8A3D;--sand:#F4F2EE;--field:#D9D6D0;--line:#ECEAE6;--err:#B42318;--err-bg:#FDECEA;--ok:#0E5A35;--ok-bg:#E7F4EC;--warm:#FFE3CF}
*{box-sizing:border-box}
body{margin:0;background:var(--sand);color:var(--ink);font-family:Inter,system-ui,sans-serif}
a{color:var(--ink)}a:hover{color:var(--muted)}
.display{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;letter-spacing:-.02em}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand span{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:28px;letter-spacing:-.03em}
.auth-wrap{min-height:100vh;padding:40px 16px;display:flex;flex-direction:column;align-items:center;gap:28px}
.panel{width:100%;max-width:440px;background:#fff;border-radius:24px;padding:32px 28px;display:flex;flex-direction:column;gap:16px}
.panel h1{margin:0;font-size:30px}
.panel p{margin:0}
.sub{font-size:15px;color:var(--ink-2);line-height:1.5}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:14px;font-weight:600}
.field input{font:inherit;font-size:16px;padding:12px;min-height:48px;width:100%;border:1.5px solid var(--field);border-radius:12px;background:#fff;color:var(--ink)}
.field input[aria-invalid=true]{border-color:var(--err)}
.ferr{font-size:13px;color:var(--err)}
.hint{font-size:13px;color:var(--muted)}
input:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.btn{font:inherit;font-weight:600;font-size:16px;border-radius:999px;min-height:52px;cursor:pointer;border:1.5px solid var(--ink);padding:0 20px}
.btn-dark{background:var(--ink);color:#fff}
.btn-light{background:#fff;color:var(--ink)}
.btn[disabled]{opacity:.6;cursor:wait}
.link{font:inherit;font-weight:600;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer;color:var(--ink);min-height:44px}
.alert{font-size:14px;line-height:1.5;border-radius:10px;padding:10px 12px}
.alert-err{color:var(--err);background:var(--err-bg)}
.alert-ok{color:var(--ok);background:var(--ok-bg)}
.small{font-size:13px;line-height:1.5;color:var(--muted)}
.center{text-align:center}
[hidden]{display:none!important}