.signin-page{background:#faf7f0;padding-block:clamp(28px,5vw,78px)}.signin-layout{border:1px solid #d5ddd1;border-radius:24px;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);grid-template-areas:"story form";align-items:stretch;max-width:1120px;min-height:575px;display:grid;overflow:hidden;box-shadow:0 24px 75px #183f351a}.signin-card{grid-area:form}.signin-story{color:#fffefa;isolation:isolate;background:#183f35;flex-direction:column;grid-area:story;align-items:flex-start;padding:clamp(30px,5vw,70px);display:flex;position:relative;overflow:hidden}.signin-story-photo{object-fit:cover;object-position:center 41%;z-index:0;width:100%;height:100%;position:absolute;inset:0}.signin-story:before{content:"";z-index:1;background:linear-gradient(95deg,#0e3027f0,#0e3027ad),linear-gradient(#0000 33%,#081d19a6);position:absolute;inset:0}.signin-story>:not(.signin-story-photo){z-index:2;position:relative}.signin-brand{direction:ltr;align-items:center;gap:12px;display:flex}.signin-brand img{flex:none}.signin-eyebrow{letter-spacing:.12em;color:#e9bd9e;font:800 .78rem/1.5 Arial,sans-serif}.signin-story h2{letter-spacing:-.025em;margin:46px 0 18px;font-size:clamp(2.4rem,4.7vw,4.1rem);line-height:1.35}.signin-story h2 em{color:#e7b996}.signin-story>p{color:#dbe8df;max-width:440px;margin:0;font-size:1rem;line-height:2}.signin-progress-preview{background:#ffffff0b;border:1px solid #ffffff3a;border-radius:13px;width:100%;max-width:345px;margin:48px 0 35px;padding:19px 24px}.signin-progress-preview>span{color:#dbe8df;font-size:.78rem}.signin-progress-preview>div{color:#e8ba9a;font-variant-numeric:tabular-nums;direction:ltr;align-items:baseline;gap:12px;width:fit-content;font:750 clamp(2.4rem,5vw,3.3rem)/1.2 Noto Sans Arabic Variable,sans-serif;display:flex}.signin-progress-preview>div strong{font-weight:750}.signin-progress-preview>div span{color:#ffffff65;font-size:.8em}.signin-progress-preview small{color:#dbe8df;font-size:.76rem}.signin-return{color:#f5d0b5;border-bottom:1px solid #f5d0b599;align-items:center;gap:10px;min-height:44px;margin-top:auto;font-size:.91rem;font-weight:750;display:inline-flex}.signin-card{background:#fffefa;justify-content:center;align-items:center;padding:clamp(28px,5vw,68px);display:flex}.signin-form{flex-direction:column;align-items:stretch;width:100%;max-width:420px;display:flex}.signin-form-mark{color:#8b4834;background:#f6f7ee;border:1px solid #cbdacd;border-radius:40px;align-self:flex-start;align-items:center;gap:6px;padding:7px 13px;font-size:.84rem;font-weight:800;line-height:1.6;display:inline-flex}.signin-form h1{color:#183f35;margin:21px 0 8px;font-size:clamp(2rem,3vw,2.65rem);line-height:1.35}.signin-form-lead{color:#52665b;margin:0 0 31px;font-size:.97rem;line-height:1.85}.signin-form label{color:#183f35;margin-bottom:8px;font-size:.92rem;font-weight:800}.signin-form input{color:#183f35;text-align:left;letter-spacing:.025em;background:#fff;border:1px solid #aebfb1;border-radius:12px;width:100%;min-height:60px;padding:12px 15px;font:750 clamp(.84rem,2vw,1rem)/1.6 ui-monospace,SFMono-Regular,monospace}.signin-form input[aria-invalid=true]{border-color:#a14332}.signin-form input::placeholder{color:#96a39a;font-weight:400}.signin-form small{color:#52675b;margin-top:8px;font-size:.84rem}.signin-submit{color:#fff;background:#183f35;border:none;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;min-height:56px;margin-top:23px;padding:10px 19px;font-size:1rem;font-weight:800;display:inline-flex}.signin-submit:hover{background:#255649}.signin-submit:disabled{cursor:wait;opacity:.67}.signin-error{color:#8f3829;background:#fcf0ec;border:1px solid #e5b1a6;border-radius:9px;margin:13px 0 0;padding:10px 14px;font-size:.9rem;line-height:1.7}.signin-help{border-top:1px solid #e2e5db;margin-top:38px;padding-top:23px}.signin-help strong{color:#183f35;font-size:.98rem}.signin-help p{color:#55685e;margin:4px 0 9px;font-size:.88rem;line-height:1.85}.signin-help a{color:#175a3c;background:#edf5ec;border:1px solid #bed5c6;border-radius:11px;align-items:center;gap:9px;min-height:48px;padding:8px 13px;font-size:.91rem;font-weight:800;display:inline-flex}.signin-help a:hover{background:#dfefdf;border-color:#75ac85}@media (max-width:810px){.signin-layout{grid-template-columns:1fr;grid-template-areas:"form""story";max-width:610px;min-height:0}.signin-story{min-height:270px}.signin-story h2{margin:18px 0 8px;font-size:2.45rem}.signin-progress-preview{display:none}.signin-return{margin-top:21px}.signin-card{padding:34px clamp(25px,6vw,56px)}}@media (max-width:470px){.signin-page{padding:15px 0 55px}.signin-layout{border-radius:15px}.signin-story{min-height:235px;padding:25px}.signin-story h2{font-size:2.05rem}.signin-story>p{font-size:.88rem}.signin-card{padding:30px 23px}}