:root{--auth-bg:var(--hub-bg);--auth-panel:var(--hub-surface);--auth-text:var(--hub-text);--auth-muted:var(--hub-muted);--auth-line:var(--hub-border);--auth-accent:var(--hub-gold);--auth-error:var(--bad);font-family:var(--hub-font)}
.auth-brand img{filter:brightness(0)}[data-theme=dark] .auth-brand img{filter:none}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:32px 24px;background:var(--auth-bg);color:var(--auth-text);font-size:16px;line-height:1.5}
.auth-panel{width:100%;max-width:400px}.auth-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-size:24px;letter-spacing:.08em}.auth-brand span{font-size:12px;letter-spacing:.15em;color:var(--auth-accent)}h1{font-size:26px;line-height:1.25;margin:32px 0 12px;font-weight:600}.auth-caption,.auth-help{color:var(--auth-muted);margin:0 0 24px}.auth-help{font-size:14px;margin:24px 0 0}form{display:grid;gap:8px}label{font-size:14px}input,button{font:inherit;min-height:48px;border-radius:0;border:1px solid var(--auth-line);padding:10px 12px;color:var(--auth-text);background:var(--auth-panel);min-width:0;width:100%}input{margin-bottom:12px}input[type=hidden]{display:none}button{margin-top:4px;background:var(--auth-accent);border-color:var(--auth-accent);color:#191919;font-weight:600;cursor:pointer}button:hover{filter:brightness(1.06)}button:active{filter:brightness(.97)}:focus-visible{outline:2px solid #7c8ee0;outline-offset:3px}.auth-error{color:var(--auth-error);margin:0 0 12px}@media(max-width:390px){body{padding:24px 16px}h1{font-size:24px}}@media(prefers-reduced-motion:no-preference){button,input{transition:background-color 160ms,color 160ms,border-color 160ms,filter 120ms}}