.app-login-gate{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vmin,28px);background:radial-gradient(ellipse 120% 80% at 20% 0,rgba(0,218,243,.12),transparent 55%),radial-gradient(ellipse 90% 70% at 100% 100%,rgba(99,102,241,.1),transparent 50%),linear-gradient(165deg,#0a0d12,#111318 45%,#0c0f14);transition:opacity .22s ease,visibility .22s ease;will-change:opacity}.app-login-gate.app-login-gate--dismissed{opacity:0;visibility:hidden;pointer-events:none}@media (prefers-reduced-motion:reduce){.app-login-gate{transition:none}}.app-login-gate-inner{width:min(100%,420px);border-radius:16px;border:1px solid rgba(65,71,85,.55);background:linear-gradient(160deg,rgba(22,26,34,.97),rgba(12,15,20,.98));box-shadow:0 0 0 1px rgba(0,218,243,.06),0 28px 64px rgba(0,0,0,.55);padding:clamp(22px,4.5vmin,30px);display:grid;grid-gap:clamp(14px,2.5vmin,20px);gap:clamp(14px,2.5vmin,20px)}.app-login-gate-brand{display:flex;align-items:center;gap:12px}.app-login-gate-brand img{height:clamp(2.5rem,5vmin,3.1rem);width:auto;max-width:200px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.45))}.app-login-gate-brand-text h1{margin:0;font-size:clamp(.92rem,.85rem + .35vmin,1.05rem);font-weight:900;color:var(--text-main);line-height:1.35}.app-login-gate-brand-text p{margin:4px 0 0;font-size:.65rem;color:var(--text-dim);line-height:1.5}.app-login-form{display:grid;grid-gap:12px;gap:12px}.app-login-field{display:grid;grid-gap:5px;gap:5px}.app-login-field label{font-size:.62rem;font-weight:800;color:#94a3b8}.app-login-field input{width:100%;min-height:var(--touch-min);border-radius:10px;border:1px solid rgba(71,85,105,.55);background:rgba(8,11,16,.92);color:var(--text-main);font-family:inherit;font-size:.72rem;padding:0 12px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.app-login-field input:focus{border-color:rgba(0,218,243,.55);box-shadow:0 0 0 3px rgba(0,218,243,.12)}.app-login-pass-wrap{display:flex;gap:8px;align-items:stretch}.app-login-pass-wrap input{flex:1 1;min-width:0}.app-login-toggle-pass{flex-shrink:0;min-width:var(--touch-min);border-radius:10px;border:1px solid rgba(71,85,105,.55);background:rgba(15,18,24,.95);color:#cbd5e1;cursor:pointer;font-size:.62rem;font-weight:800;font-family:inherit;padding:0 10px;transition:border-color .2s ease,color .2s ease}.app-login-toggle-pass:hover{border-color:rgba(0,218,243,.4);color:#ecfeff}.app-login-error{margin:0;padding:8px 10px;border-radius:9px;border:1px solid rgba(248,113,113,.45);background:rgba(127,29,29,.2);color:#fecaca;font-size:.62rem;font-weight:700;line-height:1.45}.app-login-error[hidden]{display:none}.app-login-submit{margin-top:2px;min-height:var(--touch-min);border:none;border-radius:10px;background:linear-gradient(135deg,rgba(0,218,243,.95),rgba(6,182,212,.88));color:#041014;font-family:inherit;font-size:.72rem;font-weight:900;cursor:pointer;box-shadow:0 8px 24px rgba(0,218,243,.22);transition:transform .15s ease,filter .15s ease}.app-login-submit:hover{filter:brightness(1.06)}.app-login-submit:active{transform:scale(.99)}.app-login-divider{display:flex;align-items:center;gap:12px;margin:2px 0 0;color:var(--text-dim);font-size:.58rem;font-weight:800;letter-spacing:.06em}.app-login-divider:after,.app-login-divider:before{content:"";flex:1 1;height:1px;background:rgba(100,116,139,.38)}.app-login-nafath-btn{width:100%;min-height:var(--touch-min);display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;border:1px solid rgba(0,108,53,.5);background:linear-gradient(165deg,rgba(0,108,53,.28),rgba(6,78,59,.16));color:#d1fae5;font-family:inherit;font-size:.68rem;font-weight:900;cursor:pointer;padding:0 14px;transition:border-color .2s ease,box-shadow .2s ease,filter .2s ease}.app-login-nafath-btn:hover{border-color:rgba(52,211,153,.55);box-shadow:0 0 0 3px rgba(16,185,129,.14);filter:brightness(1.04)}.app-login-nafath-btn:active{transform:scale(.995)}.app-login-nafath-icon{width:1.4rem;height:1.4rem;flex-shrink:0}.app-login-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-top:4px;border-top:1px solid rgba(65,71,85,.35)}.app-login-demo{margin:0;font-size:.56rem;color:var(--text-dim);line-height:1.55;max-width:26ch}.app-login-lang{border:1px solid rgba(71,85,105,.55);background:rgba(12,15,20,.9);color:#cbd5e1;border-radius:9px;min-height:2.25rem;padding:0 12px;font-size:.6rem;font-weight:800;font-family:inherit;cursor:pointer;transition:border-color .2s ease,color .2s ease}.app-login-lang:hover{border-color:rgba(0,218,243,.4);color:#ecfeff}