.auth-shell{background:var(--canvas);min-height:100dvh;color:var(--fg-1);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);display:grid}.auth-panel{background:var(--stock);border-inline-end:1px solid var(--rule);flex-direction:column;padding:clamp(24px,4vw,56px) clamp(22px,5vw,72px);display:flex;position:relative}.auth-panel:before{content:"";inset-inline:22px;border-top:2px dotted color-mix(in oklab, var(--fg-1) 22%, transparent);position:absolute;top:12px}.auth-panel-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:clamp(24px,4vw,48px);display:flex}.auth-panel-brand{color:var(--fg-1);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.auth-panel-brand-text{flex-direction:column;gap:2px;line-height:1;display:inline-flex}.auth-panel-brand-ar{font-family:var(--font-quran);color:var(--fg-1);direction:rtl;font-size:24px;line-height:1.25}.auth-panel-brand-latin{font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-3);font-size:12px;font-weight:600}.auth-panel-top{color:var(--fg-3);font-size:13px;font-family:var(--font-sans);transition:color var(--duration-micro);align-items:center;gap:8px;text-decoration:none;display:inline-flex}html[dir=rtl] .auth-panel-top{font-family:var(--font-arabic);font-size:15px}.auth-panel-top:hover{color:var(--fg-1)}.auth-panel-body{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:440px;margin:0 auto;display:flex}.auth-panel-foot{color:var(--fg-3);margin-top:28px;font-size:13px}html[dir=rtl] .auth-panel-foot{font-size:15px}.auth-panel-foot a{color:var(--primary);font-weight:600;text-decoration:none}.auth-panel-foot a:hover{text-underline-offset:3px;text-decoration:underline}.auth-panel-foot-strip{border-top:1px solid var(--rule);font-family:var(--font-sans);color:var(--fg-3);justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding-top:14px;font-size:12px;display:flex}html[dir=rtl] .auth-panel-foot-strip{font-family:var(--font-arabic);font-size:14px}.auth-panel-foot-strip__links{gap:18px;display:inline-flex}.auth-panel-foot-strip a{color:inherit;text-decoration:none}.auth-panel-foot-strip a:hover{color:var(--fg-1);text-underline-offset:3px;text-decoration:underline}.auth-eyebrow{display:none}.auth-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg-1);border-bottom:1.5px solid var(--fg-1);margin:0 0 12px;padding-bottom:14px;font-size:clamp(32px,4vw,46px);font-weight:700;line-height:1.06}html[dir=rtl] .auth-title{font-family:var(--font-arabic-display);letter-spacing:0;font-size:clamp(32px,4.2vw,46px);font-weight:600;line-height:1.3}.auth-sub{font-family:var(--font-sans);color:var(--fg-2);margin:0 0 28px;font-size:15px;line-height:1.65}html[dir=rtl] .auth-sub{font-family:var(--font-arabic);font-size:17px;line-height:1.8}.auth-sub a{color:var(--primary);font-weight:600;text-decoration:none}.auth-sub a:hover{text-underline-offset:3px;text-decoration:underline}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-field{flex-direction:column;gap:7px;display:flex}.auth-field label{font-family:var(--font-label);color:var(--fg-2);font-size:16px}html[dir=ltr] .auth-field label{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);font-size:12px;font-weight:600}.auth-field input,.auth-field select,.auth-field textarea{background:var(--stock);border:1px solid var(--rule-strong);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-sans);color:var(--fg-1);transition:border-color var(--duration-micro), box-shadow var(--duration-micro);padding:13px 14px}html[dir=rtl] .auth-field input,html[dir=rtl] .auth-field select,html[dir=rtl] .auth-field textarea{font-family:var(--font-arabic);font-size:17px}.auth-field input[type=email],.auth-field input.auth-mono{font-family:var(--font-sans);text-align:start;direction:ltr;font-size:15px}.auth-field input::placeholder{color:var(--fg-3)}.auth-field input:focus,.auth-field select:focus,.auth-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 22%, transparent);outline:none}.auth-field input[aria-invalid=true]{border-color:var(--ink-red)}.auth-field input.auth-code-input{text-align:center;letter-spacing:.32em;font-family:var(--font-numeral);font-stretch:var(--numeral-stretch);font-variant-numeric:tabular-nums;direction:ltr;font-size:28px;font-weight:700}.auth-field-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-field-row>label:first-child{margin:0}.auth-field-hint{color:var(--fg-3);font-size:12.5px}html[dir=rtl] .auth-field-hint{font-size:14px}.auth-field-error{color:var(--ink-red);align-items:center;gap:8px;margin-top:2px;font-size:13px;display:inline-flex}html[dir=rtl] .auth-field-error{font-size:14.5px}.auth-field-error:before{content:"";background:var(--ink-red);border-radius:1px;flex-shrink:0;width:8px;height:8px}.auth-checkbox{font-family:var(--font-sans);color:var(--fg-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13.5px;display:inline-flex}html[dir=rtl] .auth-checkbox{font-family:var(--font-arabic);font-size:15px}.auth-checkbox input[type=checkbox]{appearance:none;border:1.5px solid var(--fg-1);background:var(--stock);cursor:pointer;width:18px;height:18px;transition:background var(--duration-micro), border-color var(--duration-micro);border-radius:3px;flex-shrink:0;position:relative}.auth-checkbox input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}.auth-checkbox input[type=checkbox]:checked:after{content:"";background:var(--fg-on-primary);clip-path:polygon(20% 50%,40% 70%,80% 25%,75% 18%,40% 55%,25% 42%);position:absolute;inset:0}.auth-consent{color:var(--fg-2);font-size:13.5px}.auth-consent a{color:var(--primary);font-weight:600}.auth-link{color:var(--primary);font-size:13.5px;font-weight:600;text-decoration:none}html[dir=rtl] .auth-link{font-size:15px}.auth-link:hover{text-underline-offset:3px;text-decoration:underline}.auth-cta{background:var(--primary);color:var(--fg-on-primary);font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--duration-micro), transform var(--duration-micro);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:15px 26px;font-size:15px;font-weight:600;display:inline-flex}html[dir=rtl] .auth-cta{font-family:var(--font-arabic-display);font-size:17px}.auth-cta:hover:not(:disabled){background:var(--primary-hover)}.auth-cta:active{transform:translateY(1px)}.auth-cta:disabled{opacity:.5;cursor:not-allowed}.auth-cta-ghost{color:var(--fg-1);border-color:var(--fg-1);box-shadow:none;background:0 0}.auth-cta-ghost:hover:not(:disabled){background:color-mix(in oklab, var(--fg-1) 6%, transparent)}.auth-divider{font-family:var(--font-label);color:var(--fg-3);align-items:center;gap:14px;margin:12px 0;font-size:15px;display:flex}html[dir=ltr] .auth-divider{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.auth-divider:before,.auth-divider:after{content:"";background:var(--rule);flex:1;height:1px}.auth-intent{border:none;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.auth-intent-legend{font-family:var(--font-label);color:var(--fg-2);margin:0 0 2px;padding:0;font-size:16px}html[dir=ltr] .auth-intent-legend{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);font-size:12px;font-weight:600}.auth-intent-options{border-top:1.5px solid var(--fg-1);flex-direction:column;display:flex}.auth-intent-card{border-bottom:1px solid var(--rule);cursor:pointer;transition:background var(--duration-micro);background:0 0;align-items:center;gap:14px;padding:13px 10px;display:flex;position:relative}.auth-intent-card:last-child{border-bottom:1.5px solid var(--fg-1)}.auth-intent-card:hover{background:color-mix(in oklab, var(--fg-1) 4%, transparent)}.auth-intent-card.is-on{background:color-mix(in oklab, var(--primary) 7%, transparent)}.auth-intent-card:focus-within{outline:2px solid var(--ink-red);outline-offset:-2px}.auth-intent-card__glyph{border-radius:var(--radius-sm);border:1px solid var(--rule-strong);width:40px;height:40px;color:var(--fg-2);background:var(--stock);flex-shrink:0;place-items:center;display:grid}.auth-intent-card__glyph svg{width:22px;height:22px}.auth-intent-card.is-on .auth-intent-card__glyph{background:var(--primary);border-color:var(--primary);color:var(--fg-on-primary)}.auth-intent-card__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.auth-intent-card__title{font-family:var(--font-arabic-display);color:var(--fg-1);font-size:16px;font-weight:600}html[dir=ltr] .auth-intent-card__title{font-family:var(--font-sans);font-size:14.5px}.auth-intent-card__desc{font-family:var(--font-arabic);color:var(--fg-3);font-size:14px}html[dir=ltr] .auth-intent-card__desc{font-family:var(--font-sans);font-size:13px}.auth-form>*{opacity:0;animation:auth-rise .42s var(--ease-arrive) forwards}.auth-form>:first-child{animation-delay:80ms}.auth-form>:nth-child(2){animation-delay:.13s}.auth-form>:nth-child(3){animation-delay:.18s}.auth-form>:nth-child(4){animation-delay:.23s}.auth-form>:nth-child(5){animation-delay:.28s}.auth-form>:nth-child(6){animation-delay:.33s}.auth-form>:nth-child(n+7){animation-delay:.38s}.auth-state{background:var(--surface-2);border:1px solid var(--rule-strong);border-radius:var(--radius-md);color:var(--fg-1);align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;line-height:1.6;display:flex}html[dir=rtl] .auth-state{font-size:15.5px;line-height:1.75}.auth-state-icon{background:var(--fg-2);width:22px;height:22px;color:var(--stock);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.auth-state-success .auth-state-icon{background:var(--primary)}.auth-state-error .auth-state-icon{background:var(--ink-red)}.auth-state-info .auth-state-icon{background:var(--secondary)}.auth-state-error{border-color:var(--ink-red)}.auth-atmosphere{isolation:isolate;flex-direction:column;justify-content:space-between;gap:24px;padding:clamp(24px,4vw,48px) clamp(24px,5vw,64px);display:flex;position:relative;overflow:hidden}.auth-atmosphere-photo{z-index:0}.auth-atmosphere-tint{z-index:1;background:linear-gradient(to top, color-mix(in oklab, var(--band) 92%, transparent), color-mix(in oklab, var(--band) 70%, transparent));position:absolute;inset:0}[data-theme=dark] .auth-atmosphere-tint{background:linear-gradient(to top, color-mix(in oklab, var(--band) 94%, transparent), color-mix(in oklab, var(--band) 80%, transparent))}.auth-atmosphere>:not(.auth-atmosphere-photo):not(.auth-atmosphere-tint){z-index:2;position:relative}.auth-atmosphere-top{justify-content:flex-end;align-items:center;gap:12px;display:flex}.auth-atmosphere-lang{font-family:var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab, var(--fg-on-band) 70%, transparent);font-size:11px}html[dir=rtl] .auth-atmosphere-lang{font-family:var(--font-arabic);letter-spacing:0;text-transform:none;font-size:14px}.auth-date{color:var(--fg-on-band);flex-direction:column;gap:2px;display:flex}.auth-date-today{color:color-mix(in oklab, var(--fg-on-band) 72%, transparent)}.auth-date-weekday{font-family:var(--font-label);color:color-mix(in oklab, var(--fg-on-band) 88%, transparent);font-size:20px}html[dir=ltr] .auth-date-weekday{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:600}.auth-date-num{color:var(--fg-on-band);margin-block:2px 4px;font-size:clamp(64px,7vw,108px)}.auth-date-month{font-family:var(--font-arabic-display);font-size:19px;font-weight:600}html[dir=ltr] .auth-date-month{font-family:var(--font-display);letter-spacing:-.01em;font-size:17px;font-weight:700}.auth-date-hijri{font-family:var(--font-arabic-display);color:color-mix(in oklab, var(--fg-on-band) 80%, transparent);font-size:17px}html[dir=ltr] .auth-date-hijri{font-family:var(--font-sans);font-size:14px}.auth-atmosphere-main{max-width:560px;color:var(--fg-on-band);flex-direction:column;gap:14px;display:flex}.auth-atmosphere-context{color:color-mix(in oklab, var(--fg-on-band) 78%, transparent);margin:0}.auth-atmosphere-quote{font-family:var(--font-quran);text-align:start;color:var(--fg-on-band);direction:rtl;margin:0;font-size:clamp(26px,3vw,38px);font-weight:400;line-height:1.9}.auth-atmosphere-quote .al-rosette{color:var(--accent);margin-inline-start:6px}.auth-atmosphere-source{color:color-mix(in oklab, var(--fg-on-band) 78%, transparent);flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:-4px 0 0;font-size:14px;display:flex}.auth-atmosphere-source span[lang=ar]{font-family:var(--font-arabic);color:var(--fg-on-band);font-size:17px}.auth-atmosphere-riwaya{font-size:13px}.auth-atmosphere-divider{align-items:center;gap:16px;margin-top:8px;display:flex}.auth-atmosphere-divider__line{background:color-mix(in oklab, var(--accent) 55%, transparent);flex:1;height:1px}.auth-atmosphere-divider__label{color:color-mix(in oklab, var(--fg-on-band) 76%, transparent);letter-spacing:.3em;font-size:12px;font-family:var(--font-sans);font-weight:600}.auth-atmosphere-translation{font-family:var(--font-display);color:color-mix(in oklab, var(--fg-on-band) 80%, transparent);max-width:44ch;margin:0;font-size:16px;font-style:italic;line-height:1.55}html[dir=rtl] .auth-atmosphere-translation{font-family:var(--font-arabic);font-size:17px;font-style:normal;line-height:1.85}.auth-atmosphere-tag{font-family:var(--font-sans);color:color-mix(in oklab, var(--fg-on-band) 62%, transparent);margin:4px 0 0;font-size:13px}html[dir=rtl] .auth-atmosphere-tag{font-family:var(--font-arabic);font-size:14.5px}@media (max-width:900px){.auth-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.auth-atmosphere{flex-direction:row;order:-1;justify-content:space-between;align-items:center;gap:12px;min-height:0;padding:18px 22px}.auth-atmosphere-main,.auth-atmosphere-lang{display:none}.auth-atmosphere-top{order:2}.auth-date{flex-flow:wrap;align-items:baseline;gap:10px}.auth-date-num{margin:0;font-size:40px}.auth-date-today{display:none}.auth-panel{border-inline-end:0;padding:24px 20px 20px}.auth-panel:before{inset-inline:20px;top:8px}.auth-panel-head{margin-bottom:22px}}@keyframes auth-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce),print{.auth-form>*{opacity:1;animation:none;transform:none}}@supports not (color:color-mix(in oklab, red, blue)){.auth-field input:focus,.auth-field select:focus{box-shadow:0 0 0 3px #0a4f3238}.auth-intent-card.is-on{background:#0a4f3212}.auth-atmosphere-tint{background:#0a4f32d9}.auth-atmosphere-lang,.auth-date-today,.auth-atmosphere-context,.auth-atmosphere-source,.auth-atmosphere-translation,.auth-atmosphere-tag,.auth-date-hijri{color:#ffffffc7}.auth-atmosphere-divider__line{background:#c9a2278c}.auth-panel:before{border-top-color:#14141438}}.auth-atmosphere .al-label,.auth-atmosphere .auth-date-today,.auth-atmosphere .auth-atmosphere-context{color:color-mix(in oklab, var(--fg-on-band) 78%, transparent);line-height:1.3}.auth-date-today{margin:0 0 4px}.auth-date-weekday{line-height:1.2}.auth-method{border:0;border-bottom:1.5px solid var(--fg-1);gap:0;margin:0 0 4px;padding:0;display:flex}.auth-method__tab{text-align:center;cursor:pointer;min-width:0;font-family:var(--font-arabic-display);color:var(--fg-3);transition:color var(--duration-micro), border-color var(--duration-micro);background:0 0;border-bottom:2px solid #0000;flex:1;margin-bottom:-1.5px;padding:11px 8px;font-size:15.5px;position:relative}html[dir=ltr] .auth-method__tab{font-family:var(--font-sans);font-size:14px;font-weight:600}.auth-method__tab:hover{color:var(--fg-1)}.auth-method__tab.is-on{color:var(--fg-1);border-bottom-color:var(--primary)}.auth-method__tab:focus-within{outline:2px solid var(--ink-red);outline-offset:-2px}.auth-method__tab input{opacity:0;pointer-events:none;position:absolute}.auth-method-note{font-family:var(--font-arabic);color:var(--fg-3);margin:0 0 8px;font-size:13.5px;line-height:1.6}html[dir=ltr] .auth-method-note{font-family:var(--font-sans);font-size:12.5px}.auth-panel-head-end{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:inline-flex}.auth-locale-switch{border:1px solid var(--border-default);border-radius:var(--radius-sm);flex:none;display:inline-flex;overflow:hidden}.auth-locale-switch button{cursor:pointer;border:0;border-inline-end:1px solid var(--border-subtle);min-width:44px;height:44px;color:var(--fg-2);letter-spacing:.04em;background:0 0;padding:0 9px;font-size:12.5px;font-weight:600}.auth-locale-switch button:last-child{border-inline-end:0}.auth-locale-switch button[lang=ar]{font-family:var(--font-arabic-display);letter-spacing:0;font-size:15px}.auth-locale-switch button:hover:not(.on){background:var(--canvas-sunk);color:var(--fg-1)}.auth-locale-switch button.on{background:var(--fg-1);color:var(--canvas);cursor:default}.auth-locale-switch button:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}