/* public/css/auth.css */
:root {
    --primary: #2563eb;
    --primary-dark: #1d4ed8;
}
body.auth-bg-navy {
    font-family: 'Inter', sans-serif;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    min-height: 100vh; display: flex; align-items: center; justify-content: center; color: #334155; margin: 0; padding: 20px;
}
body.auth-bg-light {
    font-family: 'Inter', sans-serif;
    background: #f4f6f9; display: flex; align-items: center; justify-content: center; min-height: 100vh; margin: 0; padding: 20px;
}
.login-card {
    background: rgba(255, 255, 255, 0.98); border-radius: 24px; padding: 2rem 2.5rem 3rem 2.5rem; width: 100%; max-width: 400px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.1); animation: slideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.card-recuperacao {
    border: none; border-radius: 24px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); width: 100%; max-width: 400px; padding: 2.5rem 2rem; background: #fff; animation: slideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes slideUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }

.brand-icon {
    width: 180px; height: 180px; background: #eff6ff; color: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 3.5rem; margin: 0 auto 1.5rem; box-shadow: 0 15px 30px -10px rgba(37, 99, 235, 0.2);
}

.input-group-auth { border: 2px solid #e2e8f0; border-radius: 12px; background-color: #f8fafc; transition: all 0.2s; display: flex; align-items: center; flex-wrap: nowrap; margin-bottom: 0; }
.input-group-auth:focus-within { border-color: var(--primary); background-color: #fff; box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1); }
.input-group-auth .input-group-text { border: none; background-color: transparent !important; color: #64748b; padding-left: 15px; font-size: 1.2rem; display: flex; align-items: center; }
.input-group-auth .form-control { border: none; background-color: transparent !important; font-size: 1rem; padding: 14px 10px; color: #334155; box-shadow: none !important; width: 1%; flex: 1 1 auto; }

.btn-eye { border: none; background: transparent; color: #94a3b8; padding: 0 15px; display: flex; align-items: center; height: 100%; }
.btn-eye:hover { color: var(--primary); }

.btn-auth-primary { background-color: var(--primary); color: #fff; border: none; border-radius: 50px; padding: 14px; font-weight: 700; width: 100%; font-size: 1.1rem; box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.3); transition: all 0.2s; }
.btn-auth-primary:hover { background-color: var(--primary-dark); color: #fff; transform: translateY(-2px); box-shadow: 0 20px 25px -5px rgba(37, 99, 235, 0.4); }
.btn-auth-primary:active { transform: translateY(0); }

.alert-custom { border-radius: 12px; font-size: 0.9rem; border: none; display: flex; align-items: center; justify-content: center; }

/* Cadastro Split Screen */
body.cadastro-body { font-family: 'Inter', sans-serif; background-color: #f8fafc; color: #0f172a; min-height: 100vh; overflow: hidden; margin: 0; }
.branding-side { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); color: white; position: relative; overflow: hidden; height: 100vh; }
.branding-glow { position: absolute; top: -10%; left: -20%; width: 60vw; height: 60vh; background: radial-gradient(circle, rgba(37,99,235,0.2) 0%, rgba(15,23,42,0) 70%); border-radius: 50%; z-index: 0; }
.form-side { background-color: #ffffff; box-shadow: -10px 0 30px rgba(0,0,0,0.03); height: 100vh; overflow-y: auto; }
.form-side .form-control { padding: 0.8rem 1rem; border-radius: 10px; border: 1px solid #cbd5e1; font-size: 0.95rem; transition: all 0.3s; background-color: #f8fafc; }
.form-side .form-control:focus { background-color: #ffffff; border-color: var(--primary); box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1); }
.form-side .btn-primary { background-color: var(--primary); border-color: var(--primary); padding: 0.8rem; font-weight: 700; border-radius: 10px; transition: all 0.3s; }
.form-side .btn-primary:hover { background-color: var(--primary-dark); border-color: var(--primary-dark); transform: translateY(-2px); box-shadow: 0 8px 15px rgba(37, 99, 235, 0.2); }
.captcha-box { background: rgba(37, 99, 235, 0.05); border: 1px dashed rgba(37, 99, 235, 0.3); border-radius: 10px; padding: 15px; }
@media (max-width: 768px) { .branding-side { display: none !important; } body.cadastro-body { overflow: auto; } .form-side { height: auto; overflow-y: visible; } }