body{background-color:var(--bs-body-bg)}#auth{height:100vh;overflow-x:hidden}#auth #auth-right{height:100%;background:url(../png/4853433.png),linear-gradient(90deg,#2d499d,#3f5491)}#auth #auth-left{padding:3rem 35rem}#auth #auth-left .auth-title{font-size:4rem;margin-bottom:1rem}#auth #auth-left .auth-subtitle{font-size:1.7rem;line-height:2.5rem;color:#a8aebb}#auth #auth-left .auth-logo{margin-bottom:0rem}#auth #auth-left .auth-logo img{height:2rem}@media screen and (max-width: 1399.9px){#auth #auth-left{padding:3rem}}@media screen and (max-width: 767px){#auth #auth-left{padding:3rem}}@media screen and (max-width: 576px){#auth #auth-left{padding:3rem 3rem}}html[data-bs-theme=dark] #auth-right{background:url(../png/4853433.png),linear-gradient(90deg,#2d499d,#3f5491)}
#auth {
	background-image: url(../png/background.png);
	/* background-position: top center;
	background-repeat: no-repeat; */
	background-size: cover;
	height: 100dvh;
    margin: 0;
    overflow: hidden;
}
#auth #auth-left {
	padding: 1.5rem;
}
@media (min-width: 992px) {
    .col-lg-4 {
        flex: 0 0 auto;
        width: 30%;
    }
}
.form-control {
	height: 49.6px;
	border-radius: 8px;
}
.btn {
	height: 45.6px;
	border-radius: 8px;
}
.form-control::placeholder {
	color: #727986;
}
.form-control.form-control-lg~.form-control-icon {
    top: .68rem;
}
.form-group[class*=has-icon-] .form-control.form-control-lg~.form-control-icon i:before {
    color: #DE1C24;
}
.form-group[class*=has-icon-] .form-control.form-control-lg {
    color: #DE1C24;
}
html[data-bs-theme=dark] .form-group[class*=has-icon-] .form-control.form-control-lg~.form-control-icon i:before {
    color: #DE1C24;
}
html[data-bs-theme=dark] .form-group[class*=has-icon-] .form-control.form-control-lg {
    color: #DE1C24;
}

/* ── Overlay fade-in ── */
@keyframes overlayFadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* ── Logo drop-in ── */
@keyframes logoDrop {
    0%   { opacity: 0; transform: translateY(-30px) scale(0.92); }
    60%  { transform: translateY(4px) scale(1.02); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}

/* ── Heading slide-up ── */
@keyframes slideUp {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Card rise ── */
@keyframes cardRise {
    from { opacity: 0; transform: translateY(32px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* ── Subtle shimmer on logo ── */
@keyframes shimmer {
    0%, 100% { filter: drop-shadow(0 0 0px rgba(255,255,255,0)); }
    50%       { filter: drop-shadow(0 0 12px rgba(255,255,255,0.25)); }
}

.animate-overlay {
    animation: overlayFadeIn 0.8s ease both;
}

.animate-logo {
    animation: logoDrop 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s both,
       shimmer 4s ease-in-out 1.5s infinite;
}

.animate-heading {
    animation: slideUp 0.6s ease 0.65s both;
}

.animate-card {
    animation: cardRise 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.85s both;
}