/* MS Korean Academy — green login screens (student / teacher / admin). CSS only, 19 Oct 2026. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700;800&family=Noto+Nastaliq+Urdu:wght@400;600&display=swap');
:root{--primary:#0E9F4F;--primary-dark:#077A3A;--primary-light:#16A34A;--primary-glow:rgba(14,159,79,.15)}
.login-page,.student-login-page{
  min-height:100vh;display:flex;align-items:center;justify-content:flex-end;padding:24px clamp(16px,6vw,96px);
  background:radial-gradient(1200px 600px at 10% 10%,rgba(166,240,194,.18),transparent 60%),linear-gradient(135deg,#065F2E 0%,#077A3A 45%,#0E9F4F 100%) !important;
  position:relative;overflow:hidden}
.login-page::before,.student-login-page::before{
  content:"Urdu se Korean seekhein";position:absolute;left:clamp(24px,7vw,110px);top:50%;transform:translateY(-60%);
  max-width:38vw;font:800 clamp(2rem,3.6vw,3.4rem)/1.08 'Plus Jakarta Sans',Inter,sans-serif;color:#fff;letter-spacing:-.02em;
  background:none !important;width:auto;height:auto;border-radius:0;opacity:1;pointer-events:none}
.login-page::after,.student-login-page::after{
  content:"اردو سے کورین سیکھیں  ·  한국어";position:absolute;left:clamp(24px,7vw,110px);top:calc(50% + 4.2rem);
  font:600 1.25rem/2 'Noto Nastaliq Urdu',serif;color:#A6F0C2;background:none !important;width:auto;height:auto;border-radius:0;opacity:1;pointer-events:none}
.login-card,.student-login-card{position:relative;z-index:2;border-radius:22px !important;box-shadow:0 30px 80px -20px rgba(2,44,22,.55) !important;border:1px solid rgba(255,255,255,.6)}
.login-logo,.student-login-card .login-logo{background:#0E9F4F !important;box-shadow:0 8px 20px -6px rgba(14,159,79,.6) !important;border-radius:14px !important}
.login-card .btn-primary,.student-login-card .btn-primary{background:#0E9F4F !important;border-color:#0E9F4F !important;box-shadow:0 6px 16px -6px rgba(14,159,79,.6)}
.login-card .btn-primary:hover,.student-login-card .btn-primary:hover{background:#077A3A !important}
.login-card .btn-secondary,.student-login-card .btn-secondary{color:#077A3A !important}
.login-card .form-control:focus,.student-login-card .form-control:focus{border-color:#0E9F4F !important;box-shadow:0 0 0 3px rgba(14,159,79,.18) !important}
.login-card a,.student-login-card a{color:#077A3A}
@media (max-width:900px){
  .login-page,.student-login-page{justify-content:center;flex-direction:column;padding-top:120px}
  .login-page::before,.student-login-page::before{top:28px;transform:none;left:0;right:0;max-width:none;text-align:center;font-size:1.7rem}
  .login-page::after,.student-login-page::after{top:72px;left:0;right:0;text-align:center;font-size:1rem}
}