.auth-container { max-width: 420px; margin: 40px auto; padding: 30px; background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); }
    .auth-header h1 { font-size: 1.8rem; font-weight: 600; text-align: center; margin-bottom: 10px; color: #212529; }
    .auth-header p { text-align: center; color: #6c757d; margin-bottom: 25px; font-size: 0.95rem; }
    .auth-form .form-group { margin-bottom: 1rem; }
    .auth-form label { display: block; margin-bottom: 5px; font-weight: 500; font-size: 0.9rem; }
    .auth-form input[type="email"], .auth-form input[type="password"] { width: 100%; padding: 12px; border: 1px solid #ced4da; border-radius: 6px; box-sizing: border-box; transition: border-color 0.2s, box-shadow 0.2s; }
    .auth-form input[type="email"]:focus, .auth-form input[type="password"]:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
    .auth-submit-btn { width: 100%; padding: 12px; background-color: #007bff; color: white; border: none; border-radius: 6px; cursor: pointer; font-size: 1rem; font-weight: 500; transition: background-color 0.2s; }
    .auth-submit-btn:hover { background-color: #0056b3; }
    .auth-links { text-align: center; margin-top: 20px; font-size: 0.9rem; }
    .auth-links a { color: #007bff; text-decoration: none; }
    .auth-links a:hover { text-decoration: underline; }
    .auth-divider { display: flex; align-items: center; text-align: center; color: #adb5bd; margin: 25px 0; }
    .auth-divider::before, .auth-divider::after { content: ''; flex: 1; border-bottom: 1px solid #e0e0e0; }
    .auth-divider:not(:empty)::before { margin-right: .25em; }
    .auth-divider:not(:empty)::after { margin-left: .25em; }
    .social-login-button { display: flex; align-items: center; justify-content: center; width: 100%; padding: 12px; border-radius: 6px; color: white !important; text-decoration: none; font-weight: 500; transition: background-color 0.2s; border: 1px solid transparent; box-sizing: border-box; }
    .social-login-button img, .social-login-button svg { width: 20px; height: 20px; margin-right: 12px; }
    .google { background-color: #ffffff; color: #444 !important; border-color: #ddd; }
    .google:hover { background-color: #f8f8f8; border-color: #ccc; }
    .errorlist { list-style: none; padding: 10px; margin: 0 0 20px 0; background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; border-radius: 6px; font-size: 0.9rem; }



    /*Email sent*/
    .auth-container p { color: #6c757d; line-height: 1.6; }
    .email-highlight { font-weight: bold; color: #0056b3; }