.mobile-login-brand{display:none}
.mobile-login-features{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:15px}
.mobile-login-features span{padding:7px 9px;border-radius:999px;background:#f2f8ff;color:#566481;font-size:10px;font-weight:800}
@media(max-width:900px){
  .login-body{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 50% -12%,rgba(103,77,238,.22),transparent 38%),linear-gradient(180deg,#f8f7ff,#eef8ff 60%,#f0fcf8)}
  .login-grid{min-height:100vh;min-height:100dvh}
  .login-panel{position:relative;align-items:center;padding:calc(22px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom))}
  .login-panel:before,.login-panel:after{content:"";position:fixed;border-radius:50%;pointer-events:none}
  .login-panel:before{width:260px;height:260px;right:-130px;top:23%;background:rgba(91,66,232,.07)}
  .login-panel:after{width:300px;height:300px;left:-170px;bottom:-70px;background:rgba(32,185,135,.08)}
  .login-card{position:relative;z-index:1;width:min(470px,100%);padding:30px 26px;border-radius:28px;background:rgba(255,255,255,.9);box-shadow:0 25px 70px rgba(45,53,102,.15);backdrop-filter:blur(18px)}
  .mobile-login-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}
  .mobile-login-brand>span{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;color:#fff;background:linear-gradient(145deg,#755cff,#4b2dcc);box-shadow:0 12px 28px rgba(81,54,214,.28);font-size:23px;font-weight:900;transform:rotate(-4deg)}
  .mobile-login-brand div{display:flex;flex-direction:column}.mobile-login-brand strong{color:#10234b;font-size:21px;font-weight:900;letter-spacing:.08em}.mobile-login-brand small{margin-top:3px;color:#7d88a1;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
  .login-card h2{color:#10234b;font-size:29px;letter-spacing:-.03em}.login-card>p{margin-bottom:22px}
  .login-card input{min-height:52px;border-radius:14px;background:#fbfcff}.login-card button{min-height:53px;border-radius:15px;background:linear-gradient(135deg,#684df2,#4b2cc9);box-shadow:0 12px 28px rgba(82,55,210,.22)}
}
@media(max-width:420px){.login-panel{padding-left:12px;padding-right:12px}.login-card{padding:26px 19px}.login-card h2{font-size:26px}.mobile-login-features{gap:5px}.mobile-login-features span{font-size:9px}}