.auth-wrap{ max-width:400px; margin:8vh auto; padding:0 1rem; }
.auth-card{ background:var(--card); border:0.5px solid var(--rule); border-radius:14px; padding:28px; }
.auth-title{ font-family:var(--font-display); font-size:19px; font-weight:600; margin:0 0 4px; }
.auth-sub{ font-size:13px; color:var(--ink-soft); margin:0 0 20px; }
.auth-field{ display:flex; flex-direction:column; gap:5px; margin-bottom:14px; }
.auth-field label{ font-size:12.5px; color:var(--ink-soft); font-weight:500; }
.auth-field input{ font-family:var(--font-body); font-size:14px; padding:9px 11px; border-radius:7px; border:0.5px solid var(--rule); background:var(--paper); color:var(--ink); }
.auth-field input:focus{ outline:none; border-color:var(--teal); }
.auth-err{ background:var(--rust-bg); color:var(--rust); font-size:12.5px; padding:9px 11px; border-radius:8px; margin-bottom:14px; }
.auth-btn{ width:100%; background:var(--teal); color:#fff; border:none; border-radius:7px; padding:11px; font-size:14px; font-weight:500; cursor:pointer; margin-top:6px; }
.auth-btn:hover{ background:var(--teal-hover); }
.auth-hint{ font-size:11.5px; color:var(--ink-faint); margin-top:16px; line-height:1.5; }