/* Auth pages responsive styles */
:root{--bg:#f7f9f5;--card:#fff;--text:#1e1f22;--muted:#6b7180;--primary:#3a7bd5}

/* Center header and tune typography for auth pages */
body.auth .page-header{display:flex;align-items:center;justify-content:center;margin-bottom:8px}
body.auth h1{font-weight:800;letter-spacing:0;line-height:1.2;font-size:clamp(22px,2.6vw,32px);margin:6px 0 14px}

/* Auth form card sizing: adaptive max-width & vertical rhythm */
.card.form{max-width:clamp(320px,42vw,520px);margin:clamp(16px,4vh,28px) auto;padding:20px}
.msg{max-width:clamp(320px,42vw,520px);margin:0 auto 12px}

/* Fields and inputs */
.field{margin:12px 0}
.field .hint{font-size:12px;color:#666;margin-top:4px}
.field input{font-size:16px}

/* Actions row: stack on narrow screens */
.actions{display:flex;gap:10px}
.actions .btn[disabled]{opacity:.6;cursor:not-allowed}
@media (max-width:480px){.actions{flex-direction:column}}

/* Captcha box responsive */
.captcha-box{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.captcha-box img{border:1px solid #e0e0e0;border-radius:6px;height:48px}
@media (max-width:480px){.captcha-box img{height:40px}}