/* DAKHAZU mobile adaptive login. Uses existing login-dakhazu.css plus motion CSS. */
.mobile-message{display:none}
@media (max-width:760px){
 html,body{overflow-x:hidden}
 .auth-shell{display:block;min-height:100dvh}
 .auth-showcase{display:none}
 .auth-form-side{min-height:100dvh;min-height:100vh;display:flex;align-items:stretch;justify-content:flex-start;padding:0 14px 22px;background:radial-gradient(circle at 12% 4%,#d9eaff 0,transparent 36%),linear-gradient(180deg,#ecf5ff 0,#f7faff 40%,#f3f7fe 100%);overflow:visible}
 .mobile-brand{display:flex;flex-wrap:wrap;flex-direction:column;align-items:flex-start;gap:10px;position:relative;isolation:isolate;width:100%;max-width:520px;margin:0 auto 0;padding:24px 18px 22px;border-radius:0 0 25px 25px;background:linear-gradient(145deg,#081b52 0%,#0b348b 63%,#0a59c4 100%);box-shadow:0 12px 30px rgba(11,48,118,.21)}
 .mobile-brand:before{content:"";position:absolute;z-index:-1;width:190px;height:190px;right:-10px;top:-60px;border-radius:100%;background:radial-gradient(circle,rgba(79,216,255,.23),transparent 67%);animation:mobileAura 7s ease-in-out infinite alternate;pointer-events:none}
 .mobile-brand .login-logo-img{height:40px;width:auto;max-width:90%;object-fit:contain;filter:drop-shadow(0 0 7px rgba(98,210,255,.36));animation:logoBreathe 4.5s ease-in-out infinite}
 .mobile-message{display:block;color:#fff}
 .mobile-message .mobile-kicker{font-size:10px;letter-spacing:1.7px;color:#abd9ff;font-weight:800}
 .mobile-message strong{display:block;font-size:clamp(25px,7.2vw,36px);line-height:1.15;letter-spacing:-.6px;margin:10px 0 8px}
 .mobile-message strong em{font-style:normal;color:#8eefff}
 .mobile-message p{color:#d6e9ff;font-size:12px;line-height:1.6;margin:0}
 .form-card{width:100%;max-width:520px;border-radius:22px;padding:22px 18px;margin:14px auto 0;box-shadow:0 12px 33px rgba(20,49,96,.09);animation:floatIn .65s ease-out .12s both}
 .form-card h2{font-size:30px;margin:13px 0 7px}
 .subtitle{font-size:13px;line-height:1.55;margin-bottom:18px}
 .top-label{font-size:10px;padding:7px 12px}
 .field-group,.store-field{margin-bottom:14px}
 .store-field input,.input-wrap{height:53px;border-radius:13px}
 .submit-btn{height:54px;border-radius:13px}
 .quick-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .quick-links a{text-align:center;display:grid;place-items:center;min-height:44px;padding:10px 6px}
 .page-footer{max-width:520px;width:100%;margin:0 auto;justify-content:center;text-align:center;padding:19px 0 0}
}
@media(max-width:360px){.auth-form-side{padding-left:9px;padding-right:9px}.form-card{padding:19px 14px}.mobile-brand{padding:20px 15px}.mobile-message strong{font-size:25px}.quick-links a{font-size:12px}}
@keyframes mobileAura{from{transform:translate(-16px,0) scale(.87)}to{transform:translate(14px,22px) scale(1.15)}}
@media(prefers-reduced-motion:reduce){.mobile-brand:before,.mobile-brand .login-logo-img{animation:none!important}}