.login-gateway{color:#ebebeb;min-height:100dvh;font-family:var(--font-instrument), sans-serif;background:#050505;grid-template-columns:minmax(0,32.5fr) minmax(0,67.5fr);display:grid}.login-gateway .login-scene{isolation:isolate;background:#050505 url(/images/redesign/green-architecture-login.webp) 55%/cover no-repeat;flex-direction:column;min-width:0;padding:48px clamp(24px,3.3vw,52px);display:flex;position:relative}.login-gateway .login-scene:before{content:"";z-index:-1;background:linear-gradient(#0007,#0000 36%,#0006 68%,#050505 100%);position:absolute;inset:0}.login-gateway .login-brand{color:#ebebeb;letter-spacing:.12em;align-items:center;gap:12px;width:fit-content;font-size:19px;font-weight:600;display:flex}.login-gateway .login-brand svg{flex-shrink:0}.login-gateway .login-welcome{margin-top:auto;padding-block:260px 112px}.login-gateway .login-welcome h2{font:500 clamp(36px, 3.8vw, 56px)/1.12 var(--font-instrument), sans-serif;letter-spacing:-.045em;text-shadow:0 4px 20px #000b;border-inline-start:3px solid #10b981;padding-inline-start:20px}.login-gateway .login-welcome p{color:#a5a5a5;max-width:255px;margin-top:22px;font-size:14px;line-height:1.8}.login-gateway .login-copyright{color:#858585;font-size:11px}.login-gateway .login-main{background:radial-gradient(at 50% 42%,#111 0%,#080808 54%,#050505 100%);flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:32px clamp(32px,6.9vw,100px) 40px;display:flex}.login-gateway .login-top{color:#a3a3a3;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:560px;margin-bottom:32px;font-size:12px;display:flex}.login-gateway .login-card{background:#0b0b0b;border:1px solid #ffffff0d;border-radius:30px;width:100%;max-width:560px;padding:58px 42px 52px;box-shadow:0 38px 72px #0009,0 9px 20px #0008,inset 0 1px 1px #ffffff09}.login-gateway .login-emblem{color:#10b981;background:#0b0b0b;border:1px solid #ffffff0c;border-radius:50%;place-items:center;width:92px;height:92px;margin:0 auto 24px;display:grid;box-shadow:inset 0 1px 2px #ffffff06,0 5px 18px #0003}.login-gateway .login-card h1{text-align:center;font:500 36px/1.2 var(--font-instrument), sans-serif;letter-spacing:-.035em}.login-gateway .login-subtitle{color:#969696;text-align:center;margin-top:12px;font-size:15px;line-height:1.6}.login-gateway .login-card form{margin-top:44px}.login-gateway .login-card label{color:#d2d2d2;margin-bottom:12px;font-size:14px;line-height:1.5;display:block}.login-gateway .login-field{color:#969696;background:#1c1c1c;border:1px solid #ffffff0d;border-radius:13px;align-items:center;gap:13px;height:60px;margin-bottom:28px;padding-inline:18px;transition:border-color .18s,box-shadow .18s;display:flex;box-shadow:inset 0 2px 4px #0002,0 1px 1px #ffffff03}.login-gateway .login-field:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.login-gateway .login-field>svg{flex-shrink:0}.login-gateway .login-field input{color:#ebebeb;width:100%;min-width:0;height:100%;font:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;padding:0;font-size:15px}.login-gateway .login-field input:focus-visible{box-shadow:none;outline:none}.login-gateway .login-field input::placeholder{color:#858585;opacity:1}.login-gateway .login-field button{cursor:pointer;border-radius:8px;flex-shrink:0;place-items:center;width:40px;height:40px;margin-inline-end:-10px;display:grid}.login-gateway .login-help{color:#999;text-align:end;margin-top:-10px;font-size:12px;line-height:1.8}.login-gateway :is(.login-help,.login-access) a{color:#10b981;text-underline-offset:4px;text-decoration:underline}.login-gateway .login-submit{color:#041c14;cursor:pointer;background:linear-gradient(#10b981,#0fa574);border:1px solid #10b981;border-radius:12px;justify-content:center;align-items:center;gap:16px;width:100%;min-height:64px;margin-top:28px;padding:14px 48px;font-size:16px;font-weight:600;transition:filter .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 9px 24px #10b98115,inset 0 1px #ffffff26}.login-gateway .login-submit:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 9px 28px #10b98125,inset 0 1px #ffffff26}.login-gateway .login-submit:disabled{opacity:.65;cursor:wait}.login-gateway .login-submit[aria-busy=false]>svg:last-child{position:absolute;inset-inline-end:22px}.login-gateway .login-notice{color:#ccc;border:1px solid #ffffff1f;border-radius:10px;margin-top:20px;padding:14px;font-size:13px;line-height:1.8}.login-gateway .login-divider{color:#909090;text-align:center;align-items:center;gap:14px;margin-block:42px 26px;font-size:12px;line-height:1.6;display:flex}.login-gateway .login-divider:before,.login-gateway .login-divider:after{content:"";background:#ffffff0c;flex:1;height:1px}.login-gateway .login-public{color:#c9c9c9;text-align:center;border:1px solid #ffffff12;border-radius:12px;justify-content:center;align-items:center;gap:14px;min-height:56px;padding:12px 15px;font-size:13px;line-height:1.6;transition:border-color .18s,background .18s;display:flex}.login-gateway .login-public svg{flex-shrink:0}.login-gateway .login-public:hover{background:#ffffff03;border-color:#10b98166}.login-gateway .login-access{color:#999;text-align:center;margin-top:30px;font-size:13px;line-height:1.9}.login-gateway .login-footnote{color:#858585;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:32px;font-size:12px;line-height:1.8;display:flex}.login-gateway .login-footnote a{text-underline-offset:3px;text-decoration:underline}.login-gateway :is(a,button):focus-visible{outline-offset:5px;outline:2px solid #10b981}:lang(ar) .login-gateway{font-family:var(--font-arabic), sans-serif}:lang(ar) .login-gateway :is(.login-card h1,.login-welcome h2){font-family:var(--font-arabic), sans-serif;letter-spacing:0;line-height:1.4}:lang(ar) .login-gateway .login-brand{font-family:var(--font-instrument), sans-serif}@media (max-width:1000px) and (min-width:701px){.login-gateway .login-scene{padding:42px 28px}.login-gateway .login-brand{letter-spacing:.08em;gap:9px;font-size:15px}.login-gateway .login-main{padding:32px clamp(32px,6.9vw,60px) 40px}.login-gateway .login-card{padding:52px 42px 44px}.login-gateway .login-welcome h2{padding-inline-start:16px;font-size:40px}}@media (max-width:700px){.login-gateway{grid-template-columns:minmax(0,1fr)}.login-gateway .login-scene{background-position:50%;min-height:242px;padding:26px 28px}.login-gateway .login-scene:before{background:linear-gradient(#0006,#0006 40%,#050505ed)}.login-gateway .login-brand{font-size:16px}.login-gateway .login-welcome{padding-block:36px 0}.login-gateway .login-welcome h2{padding-inline-start:14px;font-size:32px}.login-gateway .login-welcome h2 br{display:none}.login-gateway .login-welcome p{max-width:none;margin-top:12px;font-size:12px}.login-gateway .login-copyright{display:none}.login-gateway .login-main{padding:24px 18px 32px}.login-gateway .login-top{gap:12px;margin-bottom:24px;font-size:11px}.login-gateway .login-card{border-radius:25px;padding:36px 24px}.login-gateway .login-emblem{width:76px;height:76px;margin-bottom:22px}.login-gateway .login-card h1{font-size:30px}.login-gateway .login-subtitle{font-size:13px}.login-gateway .login-card form{margin-top:32px}.login-gateway .login-field{padding-inline:14px}.login-gateway .login-field input{font-size:16px}.login-gateway .login-divider{margin-block:32px 24px}.login-gateway .login-access{margin-top:26px}}@media (prefers-reduced-motion:reduce){.login-gateway *,.login-gateway :before,.login-gateway :after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}