@font-face{font-family:plex;src:url('assets/fonts/IBMPlexSansArabic-Regular (1).ttf')}@font-face{font-family:plex;src:url('assets/fonts/IBMPlexSansArabic-SemiBold.ttf');font-weight:700}*{box-sizing:border-box}body{margin:0;background:#071229;font-family:plex,Arial,sans-serif;color:#13213e}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;direction:ltr}.login-form-side{background:#f9fbff;display:grid;place-items:center;padding:45px 8%;direction:rtl}.login-form-wrap{width:min(100%,560px)}.login-form-wrap header{text-align:center;margin-bottom:38px}.login-form-wrap h1{font-size:34px;margin:0 0 8px}.login-form-wrap header p{margin:0;color:#5d6e8c;font-size:18px}.login-form-wrap header i{display:block;width:70px;height:4px;border-radius:9px;background:linear-gradient(90deg,#5222d8,#8849ff);margin:18px auto 0}.login-form-wrap form{display:grid;gap:21px}.login-form-wrap label{display:grid;gap:9px;font-weight:800;color:#1a2946}.login-input{height:62px;border:1px solid #d7dfeb;border-radius:10px;background:#fff;display:flex;align-items:center;gap:12px;padding:0 16px;color:#72819a}.login-input input{border:0;outline:0;flex:1;background:transparent;font:16px plex;color:#16233d;text-align:right}.login-input button{border:0;background:transparent;color:#667590;display:grid;place-items:center;cursor:pointer;padding:4px}.login-options{display:flex;align-items:center;justify-content:space-between;font-weight:700}.login-options a,.login-help a{color:#5425de;text-decoration:none}.remember{display:flex!important;align-items:center;gap:7px;font-weight:700!important;color:#40516d!important}.remember input{accent-color:#5c27e1;width:19px;height:19px}.login-submit{height:63px;border:0;border-radius:10px;background:linear-gradient(110deg,#5220d8,#7d3df3);box-shadow:0 12px 24px rgba(82,32,216,.24);color:#fff;font:700 20px plex;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.login-error{margin:-4px 0 0;padding:11px 13px;border-radius:8px;background:#fff0f1;color:#c32939;font-weight:700;line-height:1.55}.login-error.is-info{background:#edf5ff;color:#2369b9}.login-divider{display:flex;align-items:center;gap:15px;color:#6d7b92;margin:44px 0 0}.login-divider:after,.login-divider:before{content:'';height:1px;background:#dbe2ec;flex:1}.login-help{text-align:center;color:#687890;margin-top:32px;font-size:16px}.login-brand-side{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 28%,#243b8d 0,transparent 31%),linear-gradient(145deg,#07112b,#0c1640 56%,#120c35);color:#fff;direction:rtl;display:flex;align-items:center;justify-content:center;padding:55px}.brand-glow{position:absolute;border-radius:50%;filter:blur(10px);opacity:.7}.glow-one{width:360px;height:360px;right:-220px;bottom:-150px;background:#4d23e8}.glow-two{width:240px;height:240px;left:-160px;top:90px;background:#123cb1}.brand-content{position:relative;z-index:1;text-align:center;width:min(100%,600px)}.login-brand{display:block;width:min(300px,80%);height:155px;object-fit:contain;margin:0 auto 8px;filter:brightness(1.2)}.brand-subtitle{color:#c9d4f3;font-size:18px;margin:0}.brand-message{margin:58px auto 42px;max-width:490px}.brand-message h2{font-size:27px;margin:0 0 15px}.brand-message p{margin:0;color:#d0d8ed;font-size:18px;line-height:1.9}.brand-features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.brand-features article{min-height:166px;border:1px solid rgba(190,202,255,.19);border-radius:13px;background:rgba(17,30,70,.5);padding:17px 10px;display:grid;align-content:start;gap:8px}.brand-features i{color:#956bff;height:35px;display:grid;place-items:center}.brand-features b{font-size:15px}.brand-features span{color:#bbc6e1;font-size:12px;line-height:1.6}.login-brand-side footer{position:absolute;bottom:30px;color:#b7c2df;font-size:13px}.login-mobile-brand{display:none}.login-form-side:has(.login-error[hidden]) .login-error{display:none}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-brand-side{display:none}.login-form-side{min-height:100vh}.login-mobile-brand{display:block;width:150px;height:85px;object-fit:contain;margin:0 auto 25px}.login-form-wrap{max-width:520px}}@media(max-width:530px){.login-form-side{padding:35px 22px}.login-form-wrap h1{font-size:29px}.login-options{font-size:14px}.login-submit{font-size:18px}}
