/* ================================================================
   AUTH PAGES (Login + Register) — Mobile Responsive CSS
   ================================================================ */

@media(max-width:480px) {
    .auth-box { width: calc(100% - 32px); padding: 28px 20px; border-radius: 14px; }
    .auth-box h2 { font-size: 1.15rem; }
    .auth-box input[type="text"],
    .auth-box input[type="email"],
    .auth-box input[type="password"] { padding: 11px; font-size: 0.9rem; }
    .btn-login, .btn-reg { padding: 12px; font-size: 0.92rem; }
    .btn-google { padding: 10px; font-size: 0.85rem; }
}

@media(max-width:380px) {
    .auth-box { padding: 22px 16px; }
    .auth-box h2 { font-size: 1.05rem; }
}