/* V6 — login mobile-first fix */
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:760px){
  body{min-height:100dvh!important;background:#f4f7fb!important}
  .complex-bg .side-rail,.complex-bg .ambient{display:none!important}
  .complex-stage{min-height:100dvh!important;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom))!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .complex-shell{display:block!important;width:min(100%,460px)!important;min-height:0!important;max-height:none!important;margin:0 auto!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 18px 55px rgba(30,53,84,.12)!important}
  .brand-side{display:none!important}
  .login-form-side{width:100%!important;min-width:0!important;padding:24px 18px 18px!important;border-radius:24px!important}
  .form-welcome{text-align:center!important;margin-bottom:18px!important}
  .form-welcome:before{content:'الصفوة';display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:18px;background:linear-gradient(145deg,#1668df,#0f4fae);color:#fff;font-size:17px;font-weight:900;box-shadow:0 9px 24px rgba(22,104,223,.22)}
  .form-welcome h2{font-size:24px!important;margin:0 0 6px!important}
  .form-welcome p{font-size:12px!important;line-height:1.7!important;margin:0!important}
  .login-form-side .field{margin-bottom:13px!important}
  .input-wrap{min-height:50px!important}
  .input-wrap input{font-size:16px!important;min-width:0!important}
  .login-options{gap:8px!important;align-items:center!important;font-size:11px!important}
  .submit{min-height:52px!important;width:100%!important;margin-top:8px!important}
  .form-benefits{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:16px!important}
  .form-benefits article{min-width:0!important;padding:9px 4px!important;text-align:center!important}
  .form-benefits .benefit-icon{width:31px!important;height:31px!important;margin:0 auto 5px!important}
  .form-benefits strong{font-size:9px!important;line-height:1.35!important}
  .form-benefits small{display:none!important}
  .complex-footer{justify-content:center!important;font-size:9px!important;margin-top:13px!important;padding-top:11px!important}
}
@media(max-width:370px){.complex-stage{padding-inline:10px!important}.login-form-side{padding-inline:14px!important}.login-options{align-items:flex-start!important;flex-direction:column!important}.form-benefits{grid-template-columns:1fr 1fr 1fr!important}}