@media (max-width:760px){
  .auth-dialog{width:calc(100vw - 18px);max-height:94dvh;overflow:auto;border-radius:24px;background:#0d1519}
  .auth-dialog[open]{display:grid!important;grid-template-columns:1fr;animation:mobileAuthIn .42s cubic-bezier(.2,.85,.25,1)}
  .auth-showcase{display:block!important;min-height:168px;padding:22px 22px 18px;text-align:center;background:radial-gradient(circle at 50% 25%,#45d8ad38,transparent 34%),linear-gradient(145deg,#10251f,#0a1311)}
  .auth-showcase:before{background-size:24px 24px;animation:gridDrift 9s linear infinite}
  .auth-showcase .auth-logo{width:58px;height:58px;margin:2px auto 11px;border-radius:18px;animation:mobileLogoFloat 3s ease-in-out infinite;box-shadow:0 0 0 1px #64f1ca35,0 16px 45px #2bd0a547}
  .auth-showcase .eyebrow{font-size:8px;letter-spacing:1.4px}
  .auth-showcase h2{font-size:18px;line-height:1.45;margin:5px 0}
  .auth-showcase>p{max-width:300px;margin:0 auto;font-size:9px;line-height:1.7}
  .security-points{display:none}
  .auth-orbit{display:block;left:50%;bottom:-130px;width:250px;height:250px;margin-left:-125px;opacity:.8;animation-duration:14s}
  .auth-orbit:before{inset:32px}.auth-orbit:after{inset:70px}
  .auth-panel{position:relative;padding:22px 18px 24px;background:linear-gradient(180deg,#10191e,#0b1115);animation:mobileFormRise .5s .08s both cubic-bezier(.2,.8,.2,1)}
  .auth-title{margin:20px 0 14px}.auth-title h3{font-size:21px}.auth-title p{font-size:10px}
  .auth-tabs{position:relative;z-index:2}.auth-panel form>label{animation:mobileFieldIn .4s both}.auth-panel form>label:nth-of-type(1){animation-delay:.12s}.auth-panel form>label:nth-of-type(2){animation-delay:.18s}.auth-panel form>label:nth-of-type(3){animation-delay:.24s}
  .auth-submit{animation:mobileButtonGlow 2.5s 1s infinite}
  .auth-dialog .x{top:10px;left:12px;width:34px;height:34px;border-radius:10px;background:#09120fb8;color:#dce8e3}
}
@keyframes mobileAuthIn{from{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:none}}
@keyframes mobileLogoFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes gridDrift{to{background-position:24px 24px}}
@keyframes mobileFormRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes mobileFieldIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@keyframes mobileButtonGlow{0%,100%{box-shadow:0 10px 28px #1ec99b20}50%{box-shadow:0 12px 34px #35e5b54a}}
@media (prefers-reduced-motion:reduce){.auth-dialog[open],.auth-showcase:before,.auth-showcase .auth-logo,.auth-panel,.auth-panel form>label,.auth-submit{animation:none!important}}
@media (max-width:760px){
  .admin-auth{width:calc(100vw - 18px)!important;max-height:94dvh;overflow:auto;border-radius:24px!important}
  .admin-auth[open]{display:grid!important;grid-template-columns:1fr!important;animation:mobileAuthIn .42s cubic-bezier(.2,.85,.25,1)}
  .admin-auth-art{display:block!important;min-height:150px;padding:20px!important;text-align:center;background:radial-gradient(circle at 50% 25%,#45d8ad38,transparent 34%),linear-gradient(145deg,#10251f,#0a1311)!important}
  .admin-auth-art .auth-logo{width:56px;height:56px;margin:0 auto 10px!important;animation:mobileLogoFloat 3s ease-in-out infinite}
  .admin-auth-art h2{font-size:18px;margin:5px 0}.admin-auth-art>p{font-size:9px;margin:0 auto;max-width:300px}.admin-auth-art .security-points{display:none}.admin-auth-art .auth-orbit{left:50%;bottom:-145px;margin-left:-125px}
  .admin-auth-form{padding:24px 19px 28px!important;animation:mobileFormRise .5s .08s both cubic-bezier(.2,.8,.2,1)}
  .admin-auth-form .lock-mark{animation:mobileLogoFloat 2.8s ease-in-out infinite}.admin-auth-form form>label{animation:mobileFieldIn .4s both}.admin-auth-form form>label:nth-of-type(1){animation-delay:.14s}.admin-auth-form form>label:nth-of-type(2){animation-delay:.21s}
  .admin-auth-form form>button{animation:mobileButtonGlow 2.5s 1s infinite}
}