/* Container split card */
.login-split {
    border: 1px solid #eef0f3;
}

.login-visual {
    background: linear-gradient(135deg, #0ea5ea, #7367f0);
    color: #fff;
}


.login-logo {
    height: 40px;
    width: auto;
    filter: drop-shadow(0 6px 12px rgba(0,0,0,0.15));
}

.login-illustration {
    height: 160px;
    border-radius: 18px;
    background: radial-gradient(160px 100px at 20% 30%, rgba(255,255,255,0.25), transparent 60%), radial-gradient(180px 120px at 75% 25%, rgba(255,255,255,0.22), transparent 60%), radial-gradient(200px 140px at 40% 75%, rgba(255,255,255,0.18), transparent 60%), rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.25);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 10px 20px rgba(2,6,23,0.15);
}

/* Eye toggle button inside password field */
.eye-toggle {
    position: absolute;
    right: .5rem;
    top: 50%;
    transform: translateY(-50%);
    padding: .25rem .5rem;
}

/* Small tweaks */
.form-floating > label {
    color: #6b7280;
}
/* slate-500 */
.form-floating > .form-control:focus ~ label {
    color: #0ea5ea;
}

.form-control:focus {
    box-shadow: 0 0 0 .2rem rgba(14,165,234,.2);
    border-color: #0ea5ea;
}

@media (max-width: 991.98px) {
    .login-visual {
        display: none;
    }
    /* hide left panel on small screens */
}