.auth-wrap{place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{width:100%;max-width:360px}.auth-brand{letter-spacing:-.01em;margin-bottom:6px;font-size:28px;font-weight:700}.auth-brand em{color:var(--amber);font-style:normal}.auth-sub{color:var(--dim);margin-bottom:28px;font-size:14px}.auth-field{margin-bottom:14px}.auth-field label{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.auth-input{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-btn);width:100%;color:var(--ink);padding:12px 14px;font-size:15px}.auth-input:focus{border-color:var(--amber);outline:none}.auth-input-at{position:relative}.auth-input-at .at{color:var(--amber);font-weight:600;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-input-at .auth-input{padding-left:32px}.auth-hint{min-height:17px;margin-top:6px;font-size:12px}.auth-hint.ok{color:var(--green)}.auth-hint.bad{color:var(--red)}.auth-hint.dim{color:var(--faint)}.auth-submit{background:var(--amber);width:100%;color:var(--amber-ink);border-radius:13px;margin-top:10px;padding:13px;font-size:15px;font-weight:700}.auth-submit:disabled{opacity:.5;cursor:default}.auth-error{color:var(--red);margin-top:12px;font-size:13px}.auth-alt{color:var(--dim);text-align:center;margin-top:22px;font-size:13px}.auth-alt a{color:var(--amber);font-weight:600}.auth-input--code{font-family:var(--font-mono);letter-spacing:.4em;text-align:center;font-size:22px}.auth-link{color:var(--amber);font-weight:600;font-size:inherit}