.sos-auth{--auth-space-xs:var(--sos-space-xs);--auth-space-sm:var(--sos-space-sm);--auth-space-md:var(--sos-space-md);--auth-space-lg:var(--sos-space-lg);--auth-space-xl:var(--sos-space-xl);--auth-space-2xl:var(--sos-space-2xl);--auth-panel-ink:var(--sos-on-primary);--auth-panel-muted:var(--sos-primary-100);--auth-panel-rule:var(--sos-primary-600)}.sos-auth .sos-skip,.sos-auth .sos-auth-brand{min-height:var(--sos-control-height);align-items:center;display:flex}.sos-auth{background:var(--sos-paper);min-height:100dvh;color:var(--sos-ink);font-family:var(--sos-font-sans);grid-template-rows:auto auto 1fr;display:grid}.sos-auth-topbar{justify-content:space-between;align-items:center;gap:var(--auth-space-md);padding:var(--auth-space-md);border-bottom:1px solid var(--sos-rule);background:var(--sos-surface);color:var(--sos-ink);min-width:0;display:flex}.sos-auth-help-link{min-height:var(--sos-control-height);color:var(--sos-primary-700);white-space:nowrap;flex:none;align-items:center;font-size:.875rem;font-weight:650;text-decoration:none;display:inline-flex}.sos-auth-panel{isolation:isolate;gap:var(--auth-space-md);padding:var(--auth-space-md);background:var(--sos-primary-900);color:var(--auth-panel-ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.sos-auth-pattern{z-index:-1;width:100%;height:100%;color:var(--auth-panel-muted);opacity:.06;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 90%);mask-image:linear-gradient(#000 0%,#0000 90%)}.sos-auth-brand{align-items:center;gap:var(--auth-space-sm);min-width:0;color:var(--sos-ink);text-decoration:none;display:flex}.sos-auth-brand svg{width:2.5rem;height:2.5rem;padding:var(--auth-space-sm);background:var(--sos-primary-900);border-radius:var(--sos-radius-sm);color:var(--sos-gold);flex:none}.sos-auth-brand div{min-width:0;line-height:1.2;display:grid}.sos-auth-brand strong{letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:800;overflow:hidden}.sos-auth-brand span{color:var(--sos-muted);font-size:.875rem;display:none}.sos-basmalah{font-family:var(--sos-font-arabic);color:var(--sos-gold);text-align:center;margin:0;font-size:clamp(1.3rem,3.2vw,1.75rem);line-height:1.9}.sos-auth-arch,.sos-auth-story>h2,.sos-auth-story>p,.sos-auth-points{display:none}.sos-auth-story>h2{color:var(--auth-panel-ink);letter-spacing:-.025em;text-align:start;overflow-wrap:anywhere;text-wrap:balance;min-width:0;margin:1.25rem 0 0;font-size:clamp(1.5rem,2.3vw,2rem);font-weight:750;line-height:1.2}.sos-auth-story>p{margin:var(--auth-space-md)0 0;max-width:65ch;color:var(--auth-panel-muted);text-align:start;font-size:.93rem;line-height:1.65}.sos-auth-points{margin:var(--auth-space-lg)0 0;max-width:24rem;color:var(--auth-panel-ink);gap:.6rem;padding:0;font-size:.88rem;list-style:none}.sos-auth-points li{grid-template-columns:1.4rem minmax(0,1fr);align-items:start;gap:.65rem;line-height:1.45;display:grid}.sos-auth-points svg{background:var(--sos-gold-soft);width:1.4rem;height:1.4rem;color:var(--sos-gold);border-radius:50%;padding:.22rem}.sos-auth-panel-foot{color:var(--auth-panel-muted);margin:0;font-size:.875rem;display:none}.sos-auth-main{padding:var(--auth-space-lg)var(--auth-space-md)var(--auth-space-xl);align-content:start;justify-items:center;min-width:0;display:grid}.sos-auth-card{border:1px solid var(--sos-rule);border-radius:var(--sos-radius);width:min(100%,30rem);min-width:0;padding:var(--auth-space-lg);background:var(--sos-surface);color:var(--sos-ink)}.sos-auth-card h1{letter-spacing:-.025em;color:var(--sos-ink);overflow-wrap:anywhere;min-width:0;margin:0;font-size:clamp(1.75rem,3.5vw,2.25rem);font-style:normal;font-weight:750;line-height:1.15}.sos-auth-lead{color:var(--sos-muted);margin:.65rem 0 0;font-size:.95rem;line-height:1.6}.sos-auth-form{gap:var(--auth-space-md);margin-top:var(--auth-space-lg);display:grid}.sos-field{gap:var(--auth-space-sm);min-width:0;display:grid}.sos-field>label,.sos-field-label{color:var(--sos-ink-soft);font-size:.875rem;font-weight:700}.sos-input{width:100%;min-height:var(--sos-control-height);padding:var(--auth-space-sm)var(--auth-space-md);border:1px solid var(--sos-rule-strong);border-radius:var(--sos-radius-sm);background:var(--sos-surface);color:var(--sos-ink);font:inherit;outline-offset:1px;outline:2px solid #0000;font-size:.95rem}.sos-input::placeholder{color:var(--sos-muted)}.sos-input:focus{outline:2px solid var(--sos-focus);border-color:var(--sos-primary-700);box-shadow:none}.sos-input[aria-invalid=true]{border-color:var(--sos-alert)}.sos-password{position:relative}.sos-password .sos-input{padding-right:5.5rem}.sos-password-toggle{min-height:var(--sos-control-height);border-radius:var(--sos-radius-sm);color:var(--sos-primary-700);font:inherit;cursor:pointer;background:0 0;border:0;padding:.3rem .65rem;font-size:.875rem;font-weight:700;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.sos-password-toggle:hover{background:var(--sos-primary-50)}.sos-password-toggle:focus-visible{outline:2px solid var(--sos-focus);outline-offset:1px}.sos-field-hint{min-height:1lh;color:var(--sos-warn);margin:0;font-size:.875rem;font-weight:600}.sos-form-alert{border:1px solid var(--sos-alert);border-radius:var(--sos-radius-sm);background:var(--sos-alert-soft);color:var(--sos-alert);margin:0;padding:.75rem .9rem;font-size:.875rem;line-height:1.5}.sos-submit{min-height:var(--sos-control-height);border-radius:var(--sos-radius-sm);background:var(--sos-primary-700);color:var(--sos-on-primary);font:inherit;cursor:pointer;white-space:nowrap;transition:background-color var(--sos-dur)var(--sos-ease);border:0;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.95rem;font-weight:700;display:inline-flex}.sos-submit:hover:not(:disabled){background:var(--sos-primary-800)}.sos-submit:focus-visible{outline:2px solid var(--sos-focus);outline-offset:2px}.sos-submit:active:not(:disabled){transform:translateY(1px)}.sos-submit:disabled{opacity:.55;cursor:not-allowed}.sos-auth-help{border-top:1px solid var(--sos-rule);color:var(--sos-muted);margin:1.5rem 0 0;padding-top:1.25rem;font-size:.875rem;line-height:1.55}.sos-auth-help strong{color:var(--sos-ink-soft)}@media (min-width:60rem){.sos-auth{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.sos-auth-topbar{padding-inline:var(--auth-space-xl);grid-column:1/-1}.sos-auth-brand span{display:block}.sos-auth-panel{min-height:0;padding:var(--auth-space-xl);justify-content:space-between}.sos-auth-pattern{-webkit-mask-image:radial-gradient(80% 60% at 50% 38%,#000 10%,#0000 80%);mask-image:radial-gradient(80% 60% at 50% 38%,#000 10%,#0000 80%)}.sos-auth-story{align-self:center;width:min(100%,30rem)}.sos-auth-main{padding:var(--auth-space-xl);align-content:center}.sos-auth-figure{width:min(100%,21rem);margin-inline:auto;position:relative}.sos-auth-arch{--sos-arch-fill:var(--sos-gold-soft);width:100%;height:auto;color:var(--sos-gold);display:block}.sos-auth-figure .sos-basmalah{margin-top:.4rem}.sos-auth-story>h2,.sos-auth-story>p{display:block}.sos-auth-points{display:grid}.sos-auth-panel-foot{display:block}}@media (min-width:60rem) and (max-height:50rem){.sos-auth-figure{width:min(100%,15rem)}}@media (prefers-reduced-motion:reduce){.sos-input,.sos-submit{transition:none}}a.sos-submit{text-decoration:none}.sos-form-notice{border:1px solid var(--sos-primary-200);border-radius:var(--sos-radius-sm);background:var(--sos-primary-50);color:var(--sos-primary-800);margin:1.25rem 0 0;padding:.75rem .9rem;font-size:.875rem;line-height:1.5}.sos-auth-logo{object-fit:contain;border-radius:var(--sos-radius-sm);background:var(--sos-surface);width:2.75rem;height:2.75rem;padding:.25rem}.sos-auth-entry-nav{align-items:center;gap:var(--auth-space-xs);margin-block:var(--auth-space-lg)var(--auth-space-sm);border-bottom:1px solid var(--sos-rule);padding-bottom:var(--auth-space-sm);flex-wrap:wrap;display:flex}.sos-auth-entry-nav a{min-height:var(--sos-control-height);padding:var(--auth-space-sm);border-radius:var(--sos-radius-sm);white-space:nowrap;color:var(--sos-ink-soft);border:1px solid #0000;justify-content:center;align-items:center;font-size:.875rem;font-weight:650;text-decoration:none;display:inline-flex}.sos-auth-entry-nav a[aria-current]{border-color:var(--sos-primary-200);background:var(--sos-primary-100);color:var(--sos-primary-900);font-weight:750}.sos-auth-context-note,.sos-auth-status{color:var(--sos-muted);margin:0;font-size:.875rem;line-height:1.6}.sos-auth-feedback{min-height:3.5rem}.sos-auth-support summary{justify-content:space-between;align-items:center;gap:var(--auth-space-sm);min-height:var(--sos-control-height);color:var(--sos-ink-soft);cursor:pointer;white-space:nowrap;font-weight:700;display:flex}.sos-auth-support summary:after{content:"+"}.sos-auth-support[open] summary:after{content:"−"}.sos-auth-support>div{gap:var(--auth-space-md);display:grid}.sos-auth-support p{margin:0}.sos-auth-help :is(p,div){overflow-wrap:anywhere}.sos-auth :is(a,button,summary):focus-visible{outline:2px solid var(--sos-focus);outline-offset:2px}.sos-auth .sos-submit:focus-visible{outline-color:var(--sos-focus-on-primary)}.sos-auth :is(a,button,summary):active{filter:brightness(.94)}.sos-auth :is(input,button):disabled{opacity:.55;cursor:not-allowed}.sos-auth .sos-signout{min-height:var(--sos-control-height);border:1px solid var(--sos-rule-strong);border-radius:var(--sos-radius-sm);padding:var(--auth-space-sm)var(--auth-space-md);background:var(--sos-surface);color:var(--sos-primary-700);font:inherit;cursor:pointer}@media (hover:hover){.sos-auth-entry-nav a:hover,.sos-password-toggle:hover:not(:disabled){background:var(--sos-paper-2);color:var(--sos-ink)}.sos-auth-help-link:hover,.sos-auth-help a:hover{text-decoration:underline}.sos-input:hover:not(:disabled){background:var(--sos-paper-2)}}@media (prefers-reduced-motion:reduce){.sos-submit:active:not(:disabled){transform:none}}
