/* Custom CSS for Login Page */

/* Background Animation */
body {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    height: 100vh;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Authentication Inner Spacing */
.authentication-inner {
    max-width: 450px;
    margin: 0 auto;
}

/* Heartbeat Animation */
.heartbeat {
    animation: heartbeat 1.5s infinite;
    display: inline-block;
    color: #ff4d4d; /* Red color for heart */
}

@keyframes heartbeat {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.1);
    }
    40% {
        transform: scale(1);
    }
    60% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

/* Recaptcha Response */
@media screen and (max-width: 575px) {
    .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

/* Spacing Adjustments */
.mb-custom {
    margin-bottom: 1rem !important;
}

.login-footer-spacing {
    margin-top: 1.5rem;
}