/* member/login.blade.php (was inline). */
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Montserrat', sans-serif; }
/* legacy also loads servestilos.css: BodyMensa makes every text bold */
body { font-weight: bold; background-color: #F5F9FC; display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 15px; }
.login-container { background-color: #FFFFFF; border-radius: 8px; padding: 32px 48px; width: 100%; max-width: 480px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center; }
.login-container img { width: 80px; margin-bottom: 48px; }
.login-container h1 { font-size: 20px; font-weight: 600; color: #1a1a1a; margin-bottom: 32px; }
.form-group { text-align: left; margin-bottom: 32px; }
.form-group label { font-size: 14px; color: #333333; margin-bottom: 8px; display: block; }
.form-group input { width: 100%; background-color: #F2F2F2; border: 1px solid #E5E5E5; border-radius: 4px;
    font-size: 14px; padding: 12px 16px; color: #1a1a1a; }
.form-group input:focus { outline: none; border-color: #2F2E6A; }
.form-group input.is-invalid { border-color: #D93025; }
.field-error { color: #D93025; font-size: 13px; margin-top: 6px; }
.login-alert { font-size: 13px; color: #1a1a1a; background: #EEF3F8; border-radius: 4px; padding: 10px 12px; margin-bottom: 24px; text-align: left; }
.login-container button { width: 100%; background-color: #2F2E6A; color: #ffffff; padding: 10px; border: none; border-radius: 4px;
    font-size: 16px; font-weight: bold; cursor: pointer; margin-bottom: 32px; }
.login-container button:hover { background-color: #25245A; }
.login-container a { display: block; color: #0000FF; font-size: 14px; text-decoration: none; margin-bottom: 32px; }
.login-container a:hover { text-decoration: underline; }
.separator { border-top: 1px solid #E5E5E5; margin: 32px 0 24px; }
.login-container p { font-size: 12px; color: #545454; }
@media (max-width: 480px) {
    .login-container { padding: 32px 24px; }
    .login-container img { margin-bottom: 32px; }
    .login-container h1 { margin-bottom: 24px; }
    .form-group, .login-container a, .login-container button { margin-bottom: 24px; }
    .separator { margin: 24px 0 16px; }
}