/* JKPSB LOGIN GLASS 3D V1.0 — STAGING */
#login-screen {
  background:
    linear-gradient(120deg,
      rgba(244,249,255,.91),
      rgba(224,241,255,.70)),
    url("../assets/branding/jkpsb-header-bangunan-3d-lock.png")
      left center / cover no-repeat !important;
  min-height:100vh;
  padding:24px;
}

#login-screen .login-card {
  background:rgba(255,255,255,.78);
  border:2px solid rgba(24,139,214,.55);
  border-radius:24px;
  padding:36px;
  box-shadow:
    0 24px 65px rgba(19,65,126,.22),
    inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  max-width:430px;
}

#login-screen .login-card h2 {
  color:#124a91;
  font-weight:800;
  letter-spacing:.3px;
}

#login-screen .form-control {
  background:rgba(255,255,255,.91);
  border:1px solid #8ac8ef;
  border-radius:12px;
  min-height:44px;
}

#login-screen .form-control:focus {
  border-color:#0284c7;
  box-shadow:0 0 0 4px rgba(2,132,199,.14);
}

#login-screen .btn-primary {
  border-radius:12px;
  min-height:46px;
  background:linear-gradient(110deg,#124aa0,#00a6df);
  box-shadow:0 8px 22px rgba(5,103,187,.25);
}

@media(max-width:600px) {
  #login-screen { padding:16px; }
  #login-screen .login-card { padding:25px 20px; }
}

@media(prefers-reduced-motion:reduce) {
  #login-screen *,
  #login-screen *::before,
  #login-screen *::after {
    animation:none !important;
    transition:none !important;
  }
}

/* JKPSB LOGIN FIX 198I */
#login-screen {
  background:
    linear-gradient(90deg,
      rgba(244,249,255,.12) 0%,
      rgba(244,249,255,.42) 48%,
      rgba(244,249,255,.12) 100%),
    url("../assets/branding/jkpsb-header-bangunan-3d-lock.png")
      center center / cover no-repeat !important;
}

#login-screen .login-card {
  max-width:520px;
  background:rgba(255,255,255,.91);
  border:2px solid #42c5f4;
  box-shadow:
    0 25px 65px rgba(3,51,119,.25),
    0 0 20px rgba(33,195,246,.28),
    inset 0 2px 0 #ffffff;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

#login-screen .login-card h2 {
  font-size:28px;
  color:#123b83;
}

#login-screen .form-control {
  border:1.5px solid #74bdf2;
  min-height:50px;
  font-size:14px;
}

#login-screen .btn-primary {
  min-height:52px;
  font-size:15px;
  font-weight:800;
  background:linear-gradient(110deg,#0844a4,#078ad1);
  box-shadow:0 10px 24px rgba(0,96,191,.27);
}

@media(max-width:600px) {
  #login-screen .login-card {
    max-width:100%;
    padding:25px 20px;
  }
}