/* =========================================================
   LOGIN EXTRA STYLES - BAŞARAN TABELA
   ========================================================= */

/* 1. Giriş Kartı Giriş Animasyonu */
.login-card {
    animation: loginSlideUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes loginSlideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 2. reCAPTCHA Hizalama ve Mobil Uyumluluk */
.g-recaptcha {
    transform: scale(0.9);
    transform-origin: 0 0;
    display: inline-block;
}

/* 3. Form Kontrol Odaklanma Efekti */
.input-group:focus-within {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
    border-radius: 8px;
    transition: all 0.3s ease;
}

/* 4. Hata Özeti Kutusu */
#errorSummary {
    border-radius: 10px;
    font-weight: 500;
}

/* Küçük Ekranlar İçin reCAPTCHA Ölçekleme */
@media (max-width: 400px) {
    .g-recaptcha {
        transform: scale(0.75);
    }
}