.card { width: min(100% - 32px, 400px); margin: 50px auto; padding: 28px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; }
.card h1 { margin-top: 0; }
label { display: block; margin: 16px 0 6px; font-size: 14px; font-weight: bold; }
input { width: 100%; padding: 10px; border: 1px solid #cbd5e1; border-radius: 5px; font: inherit; }
.form-message { margin: 8px 0 0; font-size: 14px; line-height: 1.4; text-align: left; }
.form-message-error { color: #b91c1c; }
.form-message-success { color: #ff0000; }
.forgot-password-link { margin: 10px 0 0; font-size: 14px; text-align: left; }
.card .button { width: 100%; margin-top: 22px; }
.social-logins {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 12px;
}
.social-login {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    text-decoration: none;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
}
.social-login-icon {
    width: 28px;
    height: 28px;
    display: block;
}
.small { margin-top: 20px; color: #4b5563; font-size: 14px; text-align: center; }