@import "https://fonts.googleapis.com/css2?family=Azeret+Mono:wght@400;500;600&family=Barlow+Semi+Condensed:wght@700;800&family=Barlow:wght@300;400;500&family=IBM+Plex+Arabic:wght@300;400;500&display=swap";@font-face{font-family:Saudi;src:url(/fonts/Saudi-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Saudi;src:url(/fonts/Saudi-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Handicrafts;src:url(/fonts/TheYearofHandicrafts-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Handicrafts;src:url(/fonts/TheYearofHandicrafts-Medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Handicrafts;src:url(/fonts/TheYearofHandicrafts-SemiBold.otf)format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Handicrafts;src:url(/fonts/TheYearofHandicrafts-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}.login-page{--landing-saudi:#006c35;--landing-saudi-dk:#004d25;--landing-gold:#c4983b;--landing-gold-lt:#c4983b26;--landing-charcoal:#1a1a1a;--landing-paper:#fafaf8;--landing-paper-sub:#f3f2ef;--landing-kraft:#ede4d8;--landing-rule:#006c3533;--landing-rule-soft:#006c3514;--landing-mute:#5b6472;--landing-stress:#b85c5c;--landing-font-head:"Barlow Semi Condensed", system-ui, sans-serif;--landing-font-body:"Barlow", system-ui, sans-serif;--landing-font-mono:"Azeret Mono", monospace;--landing-ease:cubic-bezier(.22, 1, .36, 1);--landing-dur-fast:.4s;--landing-dur-med:.7s;background-color:var(--landing-paper);color:var(--landing-charcoal);font-family:var(--landing-font-body);-webkit-font-smoothing:antialiased;width:100%;min-height:100svh;position:relative;overflow-x:hidden}.login-page,.login-page *,.login-page :before,.login-page :after{box-sizing:border-box}.login-page ::selection{background-color:var(--landing-saudi);color:#fff}.login-page{grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.login-page .login-form-col{border-inline-end:1px solid var(--landing-rule);flex-direction:column;justify-content:center;min-height:100svh;padding:3rem clamp(2rem,5vw,5rem);display:flex;position:relative}.login-page .login-stamp-col{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:3rem clamp(2rem,5vw,5rem);display:flex;position:relative}.login-page .login-margin-note{writing-mode:vertical-rl;text-orientation:mixed;width:2.25rem;font-family:var(--landing-font-mono);color:var(--landing-saudi);opacity:.55;z-index:10;pointer-events:none;letter-spacing:.1em;white-space:nowrap;flex-direction:column;justify-content:space-between;padding:3rem .5rem 2rem;font-size:.62rem;display:flex;position:fixed;top:0;bottom:0}.login-page .login-margin-left{left:0;transform:rotate(180deg)}.login-page .login-margin-right{right:0}.login-page .login-locale-toggle{top:1.75rem;border:1px solid var(--landing-rule);font-family:var(--landing-font-mono);letter-spacing:.14em;text-transform:uppercase;z-index:20;background:0 0;gap:0;font-size:.62rem;font-weight:600;display:inline-flex;position:absolute;inset-inline-end:clamp(2rem,5vw,5rem)}.login-page .login-locale-toggle button{appearance:none;color:var(--landing-mute);cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;transition:color var(--landing-dur-fast) var(--landing-ease), background var(--landing-dur-fast) var(--landing-ease);background:0 0;border:0;padding:.45rem .75rem}.login-page .login-locale-toggle button+button{border-inline-start:1px solid var(--landing-rule)}.login-page .login-locale-toggle button.is-active{color:var(--landing-saudi);background:#006c350f}.login-page .login-locale-toggle button:focus-visible{outline-offset:2px;outline:2px solid #006c3573}.login-page .login-form-inner{isolation:isolate;flex-direction:column;width:100%;max-width:480px;margin:0 auto;display:flex;position:relative}.login-page .login-wordmark{align-items:center;margin-bottom:2.25rem;display:inline-flex}.login-page .login-wordmark-img{object-fit:contain;width:auto;height:40px;display:block}.login-page .login-eyebrow{font-family:var(--landing-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--landing-gold);margin-bottom:1.1rem;font-size:.68rem;font-weight:600}.login-page .login-h1{font-family:var(--landing-font-head);letter-spacing:-.02em;text-transform:uppercase;color:var(--landing-charcoal);margin:0 0 1rem;font-size:clamp(2.4rem,5vw,3.5rem);font-weight:800;line-height:.92}.login-page .login-subhead{font-family:var(--landing-font-body);color:var(--landing-mute);max-width:42ch;margin:0 0 1.75rem;font-size:1rem;font-weight:400;line-height:1.55}.login-page .login-role-heading{font-family:var(--landing-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--landing-mute);margin:0 0 .75rem;font-size:.62rem;font-weight:600}.login-page .login-role-grid{grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:1.75rem;display:grid}.login-page .login-role-chip{appearance:none;background:var(--landing-paper);border:1px solid var(--landing-rule);font-family:var(--landing-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--landing-charcoal);cursor:pointer;text-align:start;transition:transform var(--landing-dur-fast) var(--landing-ease), box-shadow var(--landing-dur-fast) var(--landing-ease), border-color var(--landing-dur-fast) var(--landing-ease);border-radius:0;padding:.85rem .85rem .85rem 2.55rem;font-size:.66rem;font-weight:600;position:relative}.login-page[dir=rtl] .login-role-chip{text-overflow:ellipsis;white-space:nowrap;padding:.85rem 3rem .85rem .45rem;overflow:hidden}.login-page .login-role-chip:disabled{opacity:.55;cursor:not-allowed}.login-page .login-role-chip:hover:not(:disabled),.login-page .login-role-chip:focus-visible{border-color:#006c3573;outline:none;transform:translateY(-2px);box-shadow:0 8px 20px #006c351f}.login-page .login-role-chip:focus-visible{outline-offset:3px;outline:2px solid #006c3559}.login-page .login-role-node{top:50%;border:1px solid var(--landing-saudi);background:var(--landing-paper);width:1.5rem;height:1.5rem;font-family:var(--landing-font-mono);color:var(--landing-charcoal);letter-spacing:.04em;border-radius:50%;justify-content:center;align-items:center;font-size:.58rem;font-weight:600;display:inline-flex;position:absolute;inset-inline-start:.75rem;transform:translateY(-50%)}.login-page .login-role-chip .login-corner-mark{border:1px solid var(--landing-saudi);width:8px;height:8px;transition:transform .22s cubic-bezier(.16,1,.3,1);position:absolute;transform:scale(0)}.login-page .login-role-chip .login-corner-mark.tl{top:5px;border-inline-end:none;transform-origin:0 0;border-bottom:none;inset-inline-start:5px}.login-page .login-role-chip .login-corner-mark.br{bottom:5px;border-inline-start:none;transform-origin:100% 100%;border-top:none;transition-delay:50ms;inset-inline-end:5px}.login-page .login-role-chip:hover .login-corner-mark,.login-page .login-role-chip:focus-visible .login-corner-mark{transform:scale(1)}.login-page .login-disclosure{align-items:center;margin:.5rem 0 1.25rem;display:flex;position:relative}.login-page .login-disclosure:before{content:"";background:var(--landing-rule);height:1px;position:absolute;top:50%;left:0;right:0}.login-page .login-disclosure-btn{appearance:none;background:var(--landing-paper);font-family:var(--landing-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--landing-mute);cursor:pointer;transition:color var(--landing-dur-fast) var(--landing-ease);border:0;margin:0 auto;padding:0 .9rem;font-size:.62rem;font-weight:600;position:relative}.login-page .login-disclosure-btn:hover{color:var(--landing-saudi)}.login-page .login-disclosure-btn:focus-visible{outline-offset:3px;outline:2px solid #006c3559}.login-page .login-form{animation:login-form-in .32s var(--landing-ease) both;gap:1.1rem;display:grid}@keyframes login-form-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.login-page .login-field{flex-direction:column;gap:.4rem;display:flex}.login-page .login-label{font-family:var(--landing-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--landing-mute);font-size:.65rem;font-weight:600}.login-page .login-input{border:0;border-bottom:1px solid var(--landing-rule);width:100%;font-family:var(--landing-font-body);color:var(--landing-charcoal);transition:border-color var(--landing-dur-fast) var(--landing-ease), padding var(--landing-dur-fast) var(--landing-ease);background:0 0;border-radius:0;outline:0;padding:.75rem 0;font-size:1rem;display:block}.login-page .login-input::placeholder{color:var(--landing-mute);opacity:1}.login-page .login-input:hover{border-bottom-color:#006c3573}.login-page .login-input:focus{border-bottom-color:var(--landing-saudi);outline-offset:4px;border-bottom-width:2px;outline:2px solid #006c3540;padding-bottom:calc(.75rem - 1px)}.login-page .login-password-wrap{border-bottom:1px solid var(--landing-rule);transition:border-color var(--landing-dur-fast) var(--landing-ease);align-items:center;display:flex;position:relative}.login-page .login-password-wrap:hover{border-bottom-color:#006c3573}.login-page .login-password-wrap:focus-within{border-bottom-color:var(--landing-saudi);outline-offset:4px;border-bottom-width:2px;outline:2px solid #006c3540;margin-bottom:-1px}.login-page .login-password-wrap .login-input{flex:1;border-bottom:0!important;outline:0!important;padding-bottom:.75rem!important}.login-page .login-password-wrap .login-input:focus{border-bottom-width:0!important;outline:0!important}.login-page .login-password-toggle{appearance:none;color:var(--landing-mute);cursor:pointer;transition:color var(--landing-dur-fast) var(--landing-ease);background:0 0;border:0;justify-content:center;align-items:center;margin-inline-start:.5rem;padding:0 .25rem;display:inline-flex}.login-page .login-password-toggle:hover{color:var(--landing-saudi)}.login-page .login-password-toggle:focus-visible{outline-offset:2px;outline:2px solid #006c3559}.login-page .login-field.is-error .login-input,.login-page .login-field.is-error .login-password-wrap{border-bottom-color:var(--landing-stress)}.login-page .login-error{font-family:var(--landing-font-body);color:var(--landing-stress);margin:0;font-size:.8rem}.login-page .login-form-error{font-family:var(--landing-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--landing-stress);margin:0;font-size:.7rem;font-weight:500}.login-page .login-btn{font-family:var(--landing-font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--landing-saudi);background:var(--landing-saudi);color:#fff;cursor:pointer;transition:transform var(--landing-dur-fast) var(--landing-ease), background var(--landing-dur-fast) var(--landing-ease), box-shadow var(--landing-dur-fast) var(--landing-ease);border-radius:0;justify-content:center;align-items:center;gap:.5rem;margin-top:.35rem;padding:.95rem 1.9rem;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-flex}.login-page .login-btn:hover:not(:disabled){background:var(--landing-saudi-dk);transform:translateY(-2px);box-shadow:0 10px 24px #006c3538}.login-page .login-btn:focus-visible{outline-offset:3px;outline:2px solid #006c3573}.login-page .login-btn:disabled{opacity:.55;cursor:not-allowed}.login-page .login-btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:.9rem;height:.9rem;animation:.8s cubic-bezier(.4,0,.2,1) infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-page .login-footer{font-family:var(--landing-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--landing-mute);opacity:.75;margin-top:2.5rem;font-size:.6rem;font-weight:500}.login-page .login-stamp-wrap{aspect-ratio:1;justify-content:center;align-items:center;width:min(60%,420px);display:flex;position:relative}.login-page .login-stamp{border:2px dashed var(--landing-saudi);width:100%;height:100%;animation:login-stamp-press .32s var(--landing-ease) 80ms both;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative;transform:rotate(-4deg)}@keyframes login-stamp-press{0%{opacity:0;transform:rotate(0)scale(1.08)}60%{opacity:1}to{opacity:1;transform:rotate(-4deg)scale(1)}}.login-page .login-stamp-label{font-family:var(--landing-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--landing-saudi);margin-bottom:.85rem;font-size:.64rem;font-weight:600}.login-page .login-stamp-display{font-family:var(--landing-font-head);letter-spacing:-.02em;text-transform:uppercase;color:var(--landing-saudi);text-align:center;font-size:clamp(2.4rem,5vw,3.75rem);font-weight:800;line-height:.9}.login-page .login-stamp-display-ar{color:var(--landing-saudi);margin-top:.75rem;font-family:Saudi,system-ui,sans-serif;font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:700;line-height:1}.login-page .login-stamp-caption{font-family:var(--landing-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--landing-saudi);text-align:center;border-top:1px solid #006c3559;min-width:12ch;margin-top:1.5rem;padding-top:.85rem;font-size:.6rem;font-weight:500}.login-page .login-stamp-col .login-corner-mark-static{bottom:2rem;border:1px solid var(--landing-saudi);border-inline-start:none;opacity:.6;border-top:none;width:14px;height:14px;position:absolute;inset-inline-end:2rem}.login-page[dir=rtl]{--landing-font-head:"Saudi", system-ui, sans-serif;--landing-font-body:"IBM Plex Arabic", system-ui, sans-serif;--landing-font-mono:"Azeret Mono", monospace;font-family:var(--landing-font-body);direction:rtl}.login-page[dir=rtl] .login-h1{font-family:var(--landing-font-head);text-transform:none;letter-spacing:0;font-size:clamp(2.6rem,5.4vw,3.8rem);font-weight:700;line-height:1.15}.login-page[dir=rtl] .login-subhead{font-family:var(--landing-font-body);font-size:1.05rem;line-height:1.75}.login-page[dir=rtl] .login-eyebrow,.login-page[dir=rtl] .login-role-heading{font-family:var(--landing-font-head);letter-spacing:0;text-transform:none;font-weight:700}.login-page[dir=rtl] .login-footer{text-align:start;direction:ltr;unicode-bidi:isolate}.login-page[dir=rtl] .login-label{font-family:var(--landing-font-head);letter-spacing:0;text-transform:none;font-size:.88rem;font-weight:700}.login-page[dir=rtl] .login-btn{font-family:var(--landing-font-head);letter-spacing:0;text-transform:none;font-size:.95rem;font-weight:700}.login-page[dir=rtl] .login-disclosure-btn,.login-page[dir=rtl] .login-form-error{font-family:var(--landing-font-head);letter-spacing:0;text-transform:none;font-size:.82rem;font-weight:700}.login-page[dir=rtl] .login-role-chip{font-family:var(--landing-font-head);letter-spacing:0;text-transform:none;font-size:.8rem;font-weight:700}.login-page[dir=rtl] .login-role-node{font-family:var(--landing-font-mono);inset-inline-start:auto;direction:ltr;unicode-bidi:isolate;right:.75rem}.login-page[dir=rtl] .login-stamp-display{text-transform:none;letter-spacing:0;font-family:Saudi,system-ui,sans-serif;font-size:clamp(2.8rem,6vw,4.25rem);font-weight:700;line-height:1}.login-page[dir=rtl] .login-stamp-display-ar{letter-spacing:-.01em;text-transform:uppercase;direction:ltr;unicode-bidi:isolate;font-family:Barlow Semi Condensed,system-ui,sans-serif;font-size:clamp(1.4rem,2.8vw,1.9rem);font-weight:800}.login-page[dir=rtl] .login-stamp-label,.login-page[dir=rtl] .login-stamp-caption{direction:ltr;unicode-bidi:isolate}.login-page[dir=rtl] .login-margin-note{font-family:var(--landing-font-mono);direction:ltr;unicode-bidi:isolate}.login-page[dir=rtl] .login-margin-left{left:auto;right:0;transform:rotate(0)}.login-page[dir=rtl] .login-margin-right{left:0;right:auto;transform:rotate(180deg)}@media (width<=1023px){.login-page{grid-template-columns:1fr}.login-page .login-form-col{border-inline-end:0;min-height:auto;padding:4.5rem clamp(1.25rem,4vw,2.5rem) 3rem}.login-page .login-stamp-col,.login-page .login-margin-note{display:none}.login-page .login-stamp-watermark{top:2.5rem;border:2px dashed var(--landing-saudi);width:140px;height:140px;font-family:var(--landing-font-head);letter-spacing:.04em;text-transform:uppercase;color:var(--landing-saudi);opacity:.12;pointer-events:none;z-index:-1;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex;position:absolute;inset-inline-end:0;transform:rotate(-4deg)}.login-page[dir=rtl] .login-stamp-watermark{text-transform:none;letter-spacing:0;font-family:Saudi,system-ui,sans-serif;font-size:1.6rem;font-weight:700}.login-page .login-h1{font-size:clamp(2.2rem,9vw,3rem)}}@media (width>=1024px){.login-page .login-stamp-watermark{display:none}}@media (prefers-reduced-motion:reduce){.login-page .login-stamp,.login-page .login-form,.login-page .login-btn-spinner{animation:none!important}.login-page .login-stamp{transform:rotate(-4deg)}.login-page .login-role-chip .login-corner-mark{transition:none}}
