/* V252 actual student HTML implementation of the approved mathematics login theme.
   All visuals are CSS/inline decorative markup; no login logic changed. */
@media(max-width:680px){
 body:has(#loginPanel:not([hidden])){background:linear-gradient(146deg,#f8fbff 3%,#dfeefa 40%,#cbe7fb 70%,#f9fcff 100%)!important}
 .siteTop{position:relative;z-index:2;background:linear-gradient(105deg,#0e3569,#0e69b2)!important;box-shadow:0 2px 12px #114e801a}
 .siteTop .topInner{min-height:66px!important;padding:10px 16px!important}
 .siteTop .brand img{width:43px!important;height:43px!important}
 .siteTop .brand strong{font-size:20px!important;font-weight:850!important;letter-spacing:.035em!important}
 .siteTop .brand small{font-size:12px!important}
 body main{padding:0 12px 16px!important}
 #loginPanel.authGrid{position:relative!important;max-width:500px!important;padding:62px 0 12px!important;isolation:isolate}
 #loginPanel .v252-math-art{display:block;position:absolute;inset:0 0 auto 0;height:215px;overflow:hidden;pointer-events:none;z-index:-1;font-family:Georgia,serif;font-style:italic;color:#6d9cc7;opacity:.72}
 #loginPanel .v252-math-art .v252-int{position:absolute;top:7px;left:13px;font-size:38px}
 #loginPanel .v252-math-art .v252-int i{font-size:20px}
 #loginPanel .v252-math-art .v252-derivative{position:absolute;top:10px;right:24px;font-size:22px;line-height:.7;text-align:center}
 #loginPanel .v252-math-art .v252-sigma{position:absolute;top:108px;right:8px;font-size:57px}
 #loginPanel .v252-math-art svg{position:absolute;top:36px;left:0;width:100%;height:178px}
 #loginPanel .authPanel{max-width:410px!important;margin:0 auto!important;padding:18px 18px 20px!important;border-radius:23px!important;background:#fffffffa!important;box-shadow:0 12px 32px #1b5d8920!important;position:relative;z-index:1;overflow:visible!important;border:1px solid #e8f1fa!important}
 #loginPanel .authPanel::before{display:none!important}
 #loginPanel .authIcon{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;margin:0 auto 7px!important;background:linear-gradient(#d8f0fc,#eaf5fc)!important;border-radius:14px!important;font-size:24px!important;color:#1267a1!important}
 #loginPanel .v251-maths-eyebrow{display:none!important}
 #loginPanel .authPanel h2{text-align:center!important;font-size:27px!important;line-height:1.18!important;margin:0 0 12px!important;font-weight:850!important;color:#102f56!important}
 #loginPanel .authPanel>p.muted{display:none!important}
 #loginPanel .sinhalaGuide{order:9;margin:10px auto 6px!important;text-align:center!important}
 #loginPanel .sinhalaGuideButton{display:inline-flex!important;width:auto!important;padding:7px 12px!important;border:0!important;min-height:34px!important;border-radius:11px!important;background:#f1f7fe!important;color:#1260a5!important;font-size:12px!important}
 #loginPanel .authPanel{display:flex!important;flex-direction:column!important}
 #loginPanel .authPanel .authIcon{order:0}
 #loginPanel .authPanel h2{order:1}
 #loginPanel .authPanel>p.muted{order:2}
 #loginPanel .authModes{order:3;background:#e8f0fa!important;border:1px solid #bfd5ef!important;border-radius:13px!important;margin:0 0 9px!important;padding:3px!important;min-height:44px}
 #loginPanel .authMode{padding:8px 5px!important;min-height:41px!important;border-radius:10px!important;font-size:12px!important;font-weight:750!important}
 #loginPanel .authMode.active{background:linear-gradient(125deg,#137cc4,#0753a5)!important;color:white!important}
 #loginPanel #passwordLoginForm,#loginPanel #loginForm{order:4}
 #loginPanel .authPanel label{margin:10px 0 4px!important;font-size:12px!important}
 #loginPanel .authPanel input{height:44px!important;min-height:44px!important;font-size:16px!important;border-radius:10px!important}
 #loginPanel .authPanel button.primary{min-height:46px!important;margin-top:10px!important;font-size:13px!important;background:linear-gradient(115deg,#067bbf,#07509c)!important}
 #loginPanel .authPanel .subtleAction{min-height:30px!important;margin:5px 0 0!important;font-size:11px!important}
 #loginPanel #authHelpText{order:10}
 #loginPanel .authAside{display:none!important}
}
@media(max-width:360px){#loginPanel.authGrid{padding-top:44px!important}#loginPanel .authPanel{padding:14px!important}#loginPanel .authPanel h2{font-size:24px!important}}
@media(min-width:681px){#loginPanel .v252-math-art{display:none}}