/* Background */
.login-section {
    background: linear-gradient(135deg, #00bcd4, #0097a7);
}

/* Card */
.login-card {
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}

/* Image */
.login-image-wrapper {
    background-color: #009688;
}

.login-image {
    height: 100%;
    object-fit: cover;
    border-radius: 1rem 0 0 1rem;
}

/* Logo */
.login-logo {
    display: flex;
    align-items: center;
}

.logo-text {
    font-size: 28px;
    font-weight: bold;
    color: #009688;
}

/* Subtitle */
.login-subtitle {
    font-weight: 500;
    letter-spacing: 1px;
    color: #555;
}

/* Inputs */
.form-control {
    border-radius: 8px;
}

/* Captcha */
.captcha-img {
    height: 48px;
    border-radius: 6px;
    cursor: pointer;
    border: 1px solid #ddd;
}

/* Button */
.btn-login {
    background-color: #fbc02d;
    border: none;
    color: #333;
    font-weight: bold;
    transition: all 0.3s ease;
}

    .btn-login:hover {
        background-color: #f9a825;
    }