/* DEKMA V251 — restrained A/L Mathematics visual treatment; original logo/icons untouched. */
@media (max-width:680px){
  body:has(#loginPanel:not([hidden])){background:linear-gradient(160deg,#e9f5fc 0%,#f6f9fd 36%,#edf4fa 100%)}
  #loginPanel .authPanel{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(165deg,#fff 0%,#fff 76%,#f7fbfe 100%)!important;box-shadow:0 12px 32px rgba(15,67,110,.09),0 0 0 1px rgba(58,142,195,.08)!important}
  /* Gentle mathematical graph-paper detail, only in top title area */
  #loginPanel .authPanel::before{content:"";position:absolute;top:0;right:0;width:145px;height:115px;pointer-events:none;z-index:-1;background:linear-gradient(90deg,transparent 94%,rgba(53,141,193,.10) 95%),linear-gradient(0deg,transparent 94%,rgba(53,141,193,.10) 95%);background-size:20px 20px;mask-image:linear-gradient(270deg,#000,transparent);opacity:.6}
  .v251-maths-eyebrow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:3px 10px;margin:0 0 9px;color:#346b96;line-height:1.15}
  .v251-maths-eyebrow>span:first-child{font-weight:800;font-size:10px;letter-spacing:.15em}
  .v251-equations{color:#6295b6;font-family:Georgia,'Times New Roman',serif;font-size:13px;font-style:italic;white-space:nowrap;opacity:.75}
  #loginPanel .authPanel h2{color:#153b67!important;font-weight:850!important;letter-spacing:-.04em!important}
  #loginPanel .authModes{background:#edf4fb!important;border:1px solid #d9e7f3!important}
  #loginPanel .authMode.active{color:#fff!important;background:linear-gradient(125deg,#127bb4,#084f93)!important;box-shadow:0 3px 9px rgba(13,92,157,.15)!important}
  #loginPanel .authPanel input{background:#fff!important;border-color:#bfd2e3!important;box-shadow:0 1px 3px rgba(24,70,110,.035)!important}
  #loginPanel .authPanel input:focus{outline:3px solid rgba(14,128,194,.19)!important;outline-offset:0!important;border-color:#1689bf!important}
  #loginPanel .authPanel button.primary{background:linear-gradient(112deg,#087ab8,#084d93)!important;color:white!important;box-shadow:0 5px 14px rgba(8,90,151,.16)!important;font-weight:750!important}
  #loginPanel .sinhalaGuideButton{background:#f0f7fc!important;color:#165b86!important;border-color:#cbdfee!important}
  #loginPanel .authPanel label{color:#1b4268!important;font-weight:700!important}
  #loginPanel .subtleAction{color:#11689b!important}
  @media (prefers-reduced-motion:reduce){#loginPanel *{animation:none!important;transition:none!important}}
}
@media(min-width:681px){.v251-maths-eyebrow{display:none}}