.auth{max-width:380px;margin:calc(var(--step) * 16) auto}.auth h1{font-size:var(--fs-h2);text-wrap:balance;margin-bottom:calc(var(--step) * 3)}.auth .lede{color:var(--text-dim);margin:0 0 calc(var(--step) * 8)}.auth form{display:grid;gap:calc(var(--step) * 5)}.auth label{display:grid;gap:calc(var(--step) * 1.5)}.auth label>span{font-size:var(--fs-meta);color:var(--text-dim)}.auth input{font:inherit;font-size:16px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:calc(var(--step) * 2.5);transition:background-color .14s ease,border-color .14s ease}.auth input:focus{background:var(--bg-raised);border-color:var(--accent-dim);outline:none}.auth .btn-primary{padding-block:calc(var(--step) * 3.5);margin-top:calc(var(--step) * 2)}.auth .alt{margin-top:calc(var(--step) * 6);color:var(--text-dim);font-size:var(--fs-meta)}.auth .message{border-left:2px solid var(--line);padding-left:calc(var(--step) * 3);color:var(--text-dim);font-size:var(--fs-meta)}@media(prefers-reduced-motion:reduce){.auth input{transition:none}}.auth .message.bad{border-left-color:var(--swatch-red);color:var(--swatch-red)}.auth .message.good{border-left-color:var(--accent);color:var(--accent)}.auth .message:empty{display:none}