body {
     min-height: 100vh;
     background: linear-gradient(135deg, #eef2ff, #f8fafc);
 }

 .login-card {
     border-radius: 1rem;
     overflow: hidden;
     box-shadow: 0 20px 45px rgba(0, 0, 0, .12);
 }

 .brand-logo {
     width: 55px;
     height: 55px;
     border-radius: 12px;
     object-fit: cover;
     border: 1px solid #ddd;
     background: #fff;
 }

 .form-control:focus {
     box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .15);
 }

 .btn-primary {
     box-shadow: 0 10px 20px rgba(13, 110, 253, .25);
 }

 /* Right side image */
 .login-image {
     background: url("login-building.jpg") center/cover no-repeat;
     min-height: 520px;
 }

 @media (max-width: 991px) {
     .login-image {
         display: none;
     }
 }