.auth{max-width:380px;margin:calc(var(--step) * 16) auto}.auth h1{font-size:1.25rem;margin-bottom:calc(var(--step) * 2)}.auth .lede{color:var(--text-dim);margin:0 0 calc(var(--step) * 8)}.auth form{display:grid;gap:calc(var(--step) * 4)}.auth label{display:grid;gap:calc(var(--step) * 1.5)}.auth label>span{text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:var(--text-faint)}.auth input{font:inherit;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:calc(var(--step) * 2.5)}.auth input:focus{border-color:var(--accent-dim);outline:none}.auth button[type=submit]{font:inherit;background:transparent;color:var(--accent);border:1px solid var(--accent-dim);border-radius:var(--radius);padding:calc(var(--step) * 2.5);cursor:pointer;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.auth button[type=submit]:hover:not(:disabled){background:var(--bg-raised)}.auth button[type=submit]:disabled{opacity:.5;cursor:wait}.auth .alt{margin-top:calc(var(--step) * 6);color:var(--text-faint);font-size:12px}.auth .message{border-left:2px solid var(--line);padding-left:calc(var(--step) * 3);color:var(--text-dim);font-size:13px}.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}