/* Professional responsive login shell */
body.finalexam-login { background: linear-gradient(135deg,#eef4ff 0%,#f8fbff 55%,#eef7f4 100%); }
.finalexam-login .login-box { width: min(420px, calc(100% - 28px)); margin: 0 auto; }
.finalexam-login .login-logo img { max-width: min(260px, 72vw); max-height: 120px; object-fit: contain; border-radius: 14px; }
.finalexam-login .card { border: 0; border-radius: 20px; box-shadow: 0 12px 36px rgba(20,38,63,.12); overflow:hidden; }
.finalexam-login .login-card-body { padding: 28px; }
.finalexam-login .form-control { min-height: 48px; border-radius: 10px 0 0 10px; font-size:16px; }
.finalexam-login .input-group-text { min-height:48px; border-radius:0 10px 10px 0; }
.finalexam-login .btn { min-height:48px; border-radius:10px; font-weight:700; font-size:16px; }
.finalexam-login .row { margin-left:0; margin-right:0; }
@media (max-width:575.98px) {
  .finalexam-login { padding: 14px 0; }
  .finalexam-login .login-logo { margin-bottom: 14px; }
  .finalexam-login .login-card-body { padding: 20px 16px; }
  .finalexam-login .login-box { width: calc(100% - 20px); }
}