.auth-wrap{justify-content:center;align-items:flex-start;min-height:60vh;padding:64px 16px;display:flex}.auth-card{border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--bg-elev);width:100%;max-width:22rem;box-shadow:var(--shadow-card);flex-direction:column;gap:16px;padding:32px;display:flex}.auth-card h1{letter-spacing:-.02em;margin:0;font-size:1.5rem}.auth-helper{font-size:var(--fs-small);color:var(--ink-muted);margin:0;line-height:1.55}.auth-error{border-radius:var(--radius-md);background:var(--red-soft);color:var(--red-text);font-size:var(--fs-small);border:1px solid #ff7a6659;margin:0;padding:10px 14px}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);font-size:.6875rem}.auth-input{font:inherit;border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--bg-elev-2);color:var(--ink);padding:9px 12px;font-size:.9rem}.auth-input::placeholder{color:var(--ink-faint)}.auth-input:focus{border-color:var(--accent);outline:none}.auth-submit{font:inherit;border-radius:var(--radius-lg);background:var(--accent-fill);color:var(--on-accent);box-shadow:var(--shadow-btn);cursor:pointer;transition:transform .15s var(--ease), box-shadow .15s var(--ease), background .15s var(--ease);border:1px solid #0000;padding:10px 16px;font-size:.95rem;font-weight:600}.auth-submit:hover{background:var(--accent-fill-hover);box-shadow:var(--shadow-btn-hover);transform:translateY(-1px)}.auth-alt{font-size:var(--fs-small);color:var(--ink-muted);margin:0}