@import "https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700;800&display=swap";.login-page{color:#18213b;background:#f7f8fc;grid-template-columns:1.05fr .95fr;min-height:100vh;font-family:Noto Kufi Arabic,Tahoma,Arial,sans-serif;display:grid}.login-brand-panel{color:#fff;background:linear-gradient(145deg,#4c3dcc,#6d5deb 60%,#7f72f3);flex-direction:column;justify-content:center;padding:8vw;display:flex;position:relative;overflow:hidden}.login-brand-panel:before,.login-brand-panel:after{content:"";border:1px solid #ffffff20;border-radius:50%;position:absolute}.login-brand-panel:before{width:520px;height:520px;top:-180px;left:-160px}.login-brand-panel:after{width:330px;height:330px;bottom:-170px;right:-80px}.login-mark{color:#6253e3;background:#fff;border-radius:16px;place-items:center;width:54px;height:54px;font:italic 35px Georgia;display:grid}.login-brand-panel>span{letter-spacing:2px;color:#dedaff;margin-top:42px;font-size:9px}.login-brand-panel h1{margin:15px 0 12px;font-size:clamp(30px,3.5vw,53px);line-height:1.5}.login-brand-panel>p{color:#e4e1ff;max-width:490px;font-size:12px;line-height:2}.voice-state{background:#ffffff12;border:1px solid #ffffff25;border-radius:13px;align-items:center;gap:12px;width:max-content;margin-top:38px;padding:13px 17px;display:flex}.voice-state>i{background:#66e2a8;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #66e2a820}.voice-state>div{flex-direction:column;gap:4px;display:flex}.voice-state strong{font-size:9px}.voice-state small{color:#d9d5ff;font-size:7px}.login-form-panel{place-items:center;padding:35px;display:grid}.login-form-panel form{width:min(410px,100%)}.mobile-brand{display:none}.eyebrow{letter-spacing:1px;color:#6859e9;font-size:9px;font-weight:800}.login-form-panel h2{margin:9px 0 5px;font-size:34px}.login-form-panel form>p{color:#858da1;margin:0 0 31px;font-size:10px}.login-form-panel label{flex-direction:column;gap:8px;margin-top:16px;font-size:9px;font-weight:700;display:flex}.login-form-panel input{background:#fff;border:1px solid #e0e2ea;border-radius:11px;outline:0;width:100%;padding:13px 14px;font-family:inherit;font-size:10px}.login-form-panel input:focus{border-color:#877bf1;box-shadow:0 0 0 4px #6859e912}.login-form-panel form>button{color:#fff;cursor:pointer;background:#6859e9;border:0;border-radius:11px;width:100%;margin-top:22px;padding:13px 17px;font-family:inherit;font-size:10px;font-weight:800}.login-form-panel form>button b{float:left;font-size:16px}.login-error{color:#c04455;background:#fff0f2;border-radius:9px;margin-top:13px;padding:10px 12px;font-size:9px}.secure-note{text-align:center;color:#969daf;margin-top:17px;font-size:8px;display:block}@media (max-width:750px){.login-page{display:block}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:25px}.mobile-brand{align-items:center;gap:9px;margin-bottom:65px;display:flex}.mobile-brand i{color:#fff;background:#6859e9;border-radius:11px;place-items:center;width:37px;height:37px;font:italic 24px Georgia;display:grid}.mobile-brand strong{font-size:20px}.login-form-panel h2{font-size:29px}}