/* Login page. Moved out of the old Views/Login/Login.cshtml <style> block. */
body { background: #f5f7fb; overflow-x: hidden; }
.login-left { background: linear-gradient(180deg, #1190e9 0%, #0a2d7a 100%); min-height: 100vh; color: #fff; position: relative; }
.login-content { padding: 60px; }
.login-title { font-size: 62px; font-weight: 800; line-height: 1.1; color: #fff; }
.login-subtitle { font-size: 22px; color: rgba(255, 255, 255, .85); max-width: 650px; margin-top: 25px; }
.login-right { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: #fff; padding: 40px; }
.login-box { width: 100%; max-width: 520px; padding: 20px; }
.welcome-title { font-size: 24px; font-weight: 800; color: #1f2937; }
.welcome-subtitle { color: #6b7280; font-size: 18px; }
.login-box .form-label { font-weight: 600; color: #111827; }
.login-box .form-control { height: 50px; border: none; border-bottom: 1px solid #dcdcdc; border-radius: 0; box-shadow: none !important; padding-left: 0; background: transparent; }
.login-box .form-control:focus { border-bottom: 2px solid #1190e9; }
.btn-login { height: 50px; border-radius: 30px; font-size: 15px; font-weight: 500; }
.feature-area { position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); width: 100%; text-align: center; }
.feature-image { max-width: 650px; width: 75%; }
.logo-img { height: 55px; }
.input-group .btn { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
@media (max-width: 991px) {
    .login-left { display: none !important; }
    .welcome-title { font-size: 36px; }
    .login-box { padding: 30px; }
}