.login-page{color:#f5f7ff;direction:rtl;background:#070b14;grid-template-columns:minmax(390px,520px) 1fr;min-height:100vh;font-family:Tahoma,Segoe UI,Arial,sans-serif;display:grid}.login-shell{z-index:2;background:linear-gradient(145deg,#090f1d,#070b14);border-left:1px solid #1b2740;flex-direction:column;justify-content:center;padding:54px clamp(34px,6vw,78px);display:flex;position:relative}.login-brand{align-items:center;gap:12px;display:flex;position:absolute;top:34px;right:clamp(34px,6vw,78px)}.login-brand>b{background:linear-gradient(145deg,#32a7ff,#665df5);border-radius:15px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 12px 30px #237fd755}.login-brand span{gap:2px;display:grid}.login-brand strong{font-size:15px}.login-brand small{letter-spacing:1.2px;color:#52b8ff;direction:ltr;font-size:9px}.login-copy{margin-top:30px}.login-copy>small{color:#58baff;font-size:11px;font-weight:800}.login-copy h1{letter-spacing:-1px;margin:12px 0 10px;font-size:38px}.login-copy p{color:#8996ad;max-width:360px;font-size:14px;line-height:1.8}.login-form{gap:18px;margin-top:34px;display:grid}.login-form label{gap:8px;display:grid}.login-form label span{color:#bdc7d8;font-size:11px}.login-form input{color:#f4f7ff;width:100%;height:52px;font:inherit;background:#101827;border:1px solid #293750;border-radius:13px;outline:none;padding:0 15px;transition:all .2s}.login-form input:focus{border-color:#55b8ff;box-shadow:0 0 0 3px #3aaafa20}.login-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1ca7f5,#625af1);border:0;border-radius:13px;justify-content:center;align-items:center;gap:12px;height:52px;font:700 13px inherit;display:flex;box-shadow:0 13px 30px #218bea44}.login-form button:disabled{opacity:.65;cursor:wait}.login-error{color:#ffafbe;background:#3a1720;border:1px solid #6a2939;border-radius:10px;margin:0;padding:11px 13px;font-size:11px}.login-shell footer{color:#56647a;text-align:center;margin-top:25px;font-size:9px}.login-visual{text-align:center;background:radial-gradient(circle at 50% 45%,#1f3670,#0b1326 45%,#070b14 72%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-visual:before,.login-visual:after{content:"";border:1px solid #58baff1f;border-radius:50%;width:620px;height:620px;position:absolute}.login-visual:after{width:430px;height:430px}.login-orbit{border:1px solid #4b9fe944;border-radius:50%;place-items:center;width:310px;height:310px;animation:30s linear infinite loginSpin;display:grid;position:relative}.login-orbit:before{content:"";border:1px dashed #776ef455;border-radius:50%;position:absolute;inset:48px}.login-orbit>b{background:linear-gradient(145deg,#31a7ff,#685df4);border-radius:28px;place-items:center;width:92px;height:92px;font-size:30px;animation:30s linear infinite reverse loginSpin;display:grid;box-shadow:0 0 65px #389bf766}.login-orbit i{color:#a9cfff;background:#102548;border:1px solid #315d91;border-radius:99px;padding:9px 13px;font-size:10px;font-style:normal;animation:30s linear infinite reverse loginSpin;position:absolute}.login-orbit i:first-child{top:12px}.login-orbit i:nth-child(2){bottom:52px;right:-13px}.login-orbit i:nth-child(3){bottom:52px;left:-13px}.login-visual h2{z-index:1;margin:35px 0 8px;font-size:28px;line-height:1.45}.login-visual p{color:#8493aa;z-index:1;font-size:12px}@keyframes loginSpin{to{transform:rotate(360deg)}}@media (max-width:820px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-shell{border:0;min-height:100vh}.login-copy h1{font-size:31px}}