#stableAuth {
  color-scheme: light;
  --burgundy-950:#320612; --burgundy-900:#520d20; --burgundy-800:#71162d; --burgundy-700:#8c2540;
  --gold-500:#b88949; --gold-300:#e3c898; --ink:#251d21; --muted:#71656b;
  --line:#e9e1e5; --surface:#fff; --canvas:#faf8f9; --success:#176747; --danger:#b22540;
  font-size:16px;
}
#stableAuth * { box-sizing:border-box; }
#stableAuth { margin:0; min-width:320px; color:var(--ink); background:var(--canvas); font-family:"IBM Plex Sans Arabic",system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
#stableAuth button,#stableAuth input,#stableAuth textarea,#stableAuth select { font:inherit; }
#stableAuth button,#stableAuth a { -webkit-tap-highlight-color:transparent; }
#stableAuth button { cursor:pointer; }
#stableAuth a { color:inherit; }
#stableAuth button:focus-visible,#stableAuth a:focus-visible,#stableAuth input:focus-visible,#stableAuth textarea:focus-visible,#stableAuth select:focus-visible,#stableAuth summary:focus-visible { outline:3px solid var(--gold-500); outline-offset:4px; }
#stableAuth button:disabled { cursor:wait; opacity:.72; }
#stableAuth [hidden] { display:none!important; }
#stableAuth .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#stableAuth .skip-link { position:fixed; z-index:100; top:12px; right:12px; padding:12px 18px; background:#fff; border-radius:12px; transform:translateY(-150%); }
#stableAuth .skip-link:focus { transform:translateY(0); }
#stableAuth svg { flex-shrink:0; stroke-width:1.7; }
#stableAuth .auth-shell { display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); min-height:100svh; direction:ltr; }
#stableAuth .brand-panel { position:sticky; top:0; height:100svh; min-height:720px; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; padding:38px clamp(28px,3.6vw,62px) 30px; color:#fff; background:#431321; isolation:isolate; direction:rtl; }
#stableAuth .brand-panel::before { content:""; position:absolute; inset:0; z-index:-3; background:url("/assets/stable-access-v56.7/reference-0.jpg") 54% 22% / cover no-repeat; }
#stableAuth .brand-panel::after { content:""; position:absolute; inset:0; z-index:-2; background:linear-gradient(180deg,rgba(39,5,14,.32),rgba(41,5,15,.02) 28%,rgba(45,5,17,.55) 49%,#320612 85%); }
#stableAuth .grain { display:none; }
#stableAuth .brand-top,#stableAuth .brand-mark,#stableAuth .brand-footer { display:flex; align-items:center; }
#stableAuth .brand-top { justify-content:space-between; gap:20px; }
#stableAuth .brand-mark { gap:13px; }
#stableAuth .brand-mark img { width:70px; height:64px; padding:8px; object-fit:contain; background:#fff; border:1px solid rgba(255,255,255,.3); border-radius:15px; }
#stableAuth .brand-mark strong { display:block; font-size:1.125rem; line-height:1.5; font-weight:600; }
#stableAuth .brand-mark small { display:block; margin-top:2px; font-family:Manrope,sans-serif; font-size:.75rem; letter-spacing:.12em; color:#e5d8dd; }
#stableAuth .portal-label { display:flex; align-items:center; gap:9px; padding:8px 13px; border:1px solid #ffffff38; border-radius:30px; background:#3a0b1c40; font-size:.8125rem; white-space:nowrap; }
#stableAuth .portal-label svg { width:16px; height:16px; color:var(--gold-300); }
#stableAuth .brand-copy { margin-top:auto; padding-top:100px; max-width:560px; }
#stableAuth .eyebrow { display:flex; align-items:center; gap:12px; color:var(--gold-300); font:600 .75rem Manrope,sans-serif; letter-spacing:.18em; }
#stableAuth .eyebrow::before { content:""; width:24px; height:1px; background:currentColor; }
#stableAuth .brand-copy h1 { margin:20px 0 17px; font-size:clamp(2.625rem,3.65vw,4.2rem); line-height:1.35; font-weight:500; letter-spacing:0; }
#stableAuth .brand-copy h1 em { font-style:normal; color:var(--gold-300); }
#stableAuth .brand-copy>p { max-width:450px; margin:0; font-size:1rem; line-height:1.95; color:#e0cfd5; }
#stableAuth .brand-benefits { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:30px; padding-top:23px; border-top:1px solid #ffffff25; }
#stableAuth .benefit { display:flex; align-items:center; gap:7px; }
#stableAuth .benefit svg { width:17px; height:17px; color:var(--gold-300); }
#stableAuth .benefit strong { font-size:.875rem; font-weight:400; color:#e9dce1; }
#stableAuth .benefit span { display:none; }
#stableAuth .brand-footer { justify-content:space-between; gap:12px; margin-top:40px; font-size:.75rem; color:#cbb6be; }
#stableAuth .brand-footer a { text-decoration:none; }
#stableAuth .brand-footer a:hover { color:#fff; text-decoration:underline; }
#stableAuth .access-panel { min-width:0; min-height:100svh; padding:32px clamp(28px,4vw,70px) 24px; display:flex; flex-direction:column; align-items:center; direction:rtl; background:radial-gradient(ellipse at 100% 0,#f4e7ec55,transparent 50%),#fdfcfc; }
#stableAuth .access-topbar { width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:30px; }
#stableAuth .preview-label { display:inline-flex; align-items:center; gap:7px; color:var(--burgundy-800); font-size:.8125rem; }
#stableAuth .preview-label::before { content:""; width:5px; height:5px; background:var(--gold-500); border-radius:1px; }
#stableAuth .help-link { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:6px 0; color:var(--muted); font-size:.875rem; text-decoration:none; }
#stableAuth .help-link svg { width:18px; height:18px; }
#stableAuth .help-link:hover { color:var(--burgundy-800); }
#stableAuth .access-wrap { width:min(100%,540px); margin:auto 0; padding-block:24px; }
#stableAuth .mobile-brand { display:none; }
#stableAuth .panel-head { margin-bottom:26px; }
#stableAuth .kicker { display:block; margin-bottom:9px; color:var(--burgundy-700); font-size:.875rem; font-weight:500; }
#stableAuth .panel-head h2 { margin:0; font-size:clamp(2rem,2.7vw,2.8rem); font-weight:600; line-height:1.4; letter-spacing:0; }
#stableAuth .panel-head p { margin:8px 0 0; color:var(--muted); font-size:1rem; line-height:1.8; }
#stableAuth .tabs { display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:5px; border:1px solid var(--line); border-radius:14px; background:#f0ecef; }
#stableAuth .tab { min-height:48px; padding:9px; border:1px solid transparent; border-radius:10px; background:transparent; color:var(--muted); font-size:.9375rem; font-weight:500; transition:background .18s,color .18s,box-shadow .18s; }
#stableAuth .tab[aria-selected="true"] { color:var(--burgundy-900); background:#fff; border-color:#eadfe4; box-shadow:0 3px 8px #44172809; }
#stableAuth .form-card { margin-top:19px; padding:30px; border:1px solid var(--line); border-radius:22px; background:#fff; box-shadow:0 12px 40px #4e203007; }
#stableAuth .pane { animation:stable-access-enter .25s ease both; }
#stableAuth .form-intro { display:flex; align-items:center; gap:9px; padding-bottom:20px; margin:0 0 24px; border-bottom:1px solid #f0eaee; font-size:.875rem; color:var(--muted); }
#stableAuth .form-intro svg { width:19px; height:19px; color:var(--gold-500); }
#stableAuth .field-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px 16px; }
#stableAuth .field { margin-bottom:22px; min-width:0; }
#stableAuth .field-grid .field { margin-bottom:0; }
#stableAuth .field label,#stableAuth .group-label { display:block; margin-bottom:8px; font-size:.875rem; font-weight:500; color:#49373f; }
#stableAuth .control { position:relative; }
#stableAuth .control>svg { position:absolute; top:28px; right:16px; width:19px; height:19px; color:#8c7b83; transform:translateY(-50%); pointer-events:none; }
#stableAuth .control input,#stableAuth .field textarea,#stableAuth .field select { display:block; width:100%; min-width:0; min-height:56px; border:1px solid #dcd2d7; border-radius:12px; color:var(--ink); background:#fff; font-size:1rem; transition:border-color .18s,box-shadow .18s; }
#stableAuth .control input { padding:13px 15px; }
#stableAuth .control>svg+input { padding-right:46px; }
#stableAuth .control input[type="password"],#stableAuth #loginPassword { padding-left:52px; }
#stableAuth .field textarea,#stableAuth .field select { padding:13px 15px; }
#stableAuth .field textarea { min-height:100px; resize:vertical; line-height:1.8; }
#stableAuth input::placeholder,#stableAuth textarea::placeholder { color:#897d83; font-size:.9375rem; opacity:1; }
#stableAuth .control input:hover,#stableAuth .field textarea:hover { border-color:#b9a3af; }
#stableAuth .control input:focus,#stableAuth .field textarea:focus,#stableAuth .field select:focus { outline:none; border-color:var(--burgundy-800); box-shadow:0 0 0 3px #71162d12; }
#stableAuth .control input[aria-invalid="true"],#stableAuth .field textarea[aria-invalid="true"] { border-color:var(--danger); background:#fffafb; }
#stableAuth .field-error { margin:6px 0 0; color:var(--danger); font-size:.875rem; line-height:1.65; }
#stableAuth .field-error:empty { display:none; }
#stableAuth .field-hint { display:block; margin:6px 0 0; color:var(--muted); font-size:.8125rem; line-height:1.65; }
#stableAuth .toggle-password { position:absolute; top:6px; left:5px; width:44px; height:44px; border:0; border-radius:8px; display:grid; place-items:center; color:#88727d; background:transparent; }
#stableAuth .toggle-password svg { width:19px; height:19px; }
#stableAuth .toggle-password:hover { background:#f7f1f4; color:var(--burgundy-800); }
#stableAuth .toggle-password[aria-pressed="true"]::after { content:""; position:absolute; width:23px; height:1.6px; background:currentColor; transform:rotate(-45deg); box-shadow:0 2px #fff; }
#stableAuth .caps-note { color:#865d15; margin:7px 0 0; font-size:.8125rem; }
#stableAuth .form-row { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:5px 12px; margin:-6px 0 19px; }
#stableAuth .checkbox { display:flex; align-items:center; gap:8px; min-height:44px; color:#65565e; cursor:pointer; font-size:.875rem; }
#stableAuth .checkbox input { width:18px; height:18px; margin:0; flex-shrink:0; accent-color:var(--burgundy-800); }
#stableAuth .text-button { display:inline-flex; align-items:center; gap:6px; border:0; padding:8px 0; min-height:44px; color:var(--burgundy-800); background:transparent; font-size:.875rem; font-weight:500; text-align:start; }
#stableAuth .text-button:hover { text-decoration:underline; }
#stableAuth .text-button svg { width:17px; height:17px; }
#stableAuth .primary-btn,#stableAuth .secondary-btn { min-height:54px; padding:13px 20px; display:inline-flex; align-items:center; justify-content:center; gap:12px; border-radius:12px; font-size:1rem; font-weight:500; line-height:1.7; transition:background .18s,box-shadow .18s,transform .18s; }
#stableAuth .primary-btn { width:100%; border:1px solid var(--burgundy-900); background:linear-gradient(110deg,#650f2a,#82233e); color:#fff; box-shadow:0 8px 16px #520d201a; }
#stableAuth .primary-btn:hover:not(:disabled) { background:var(--burgundy-900); box-shadow:0 10px 20px #520d2026; transform:translateY(-1px); }
#stableAuth .primary-btn svg,#stableAuth .secondary-btn svg { width:18px; height:18px; }
#stableAuth .primary-btn .forward-arrow { transform:rotate(180deg); }
#stableAuth .secondary-btn { border:1px solid var(--line); color:var(--burgundy-800); background:#fff; }
#stableAuth .secondary-btn:hover { background:#f9f4f6; }
#stableAuth .message { margin:0; color:var(--danger); font-size:.875rem; line-height:1.85; }
#stableAuth .message:not(:empty) { padding:12px 14px; margin-bottom:16px; border:1px solid #f1d4dc; border-radius:10px; background:#fff6f8; }
#stableAuth .message.info:not(:empty) { color:#5d4c54; border-color:#e5dce0; background:#f8f5f7; }
#stableAuth .security-note { display:flex; align-items:center; gap:8px; margin:19px 0 0; color:var(--muted); font-size:.8125rem; line-height:1.8; }
#stableAuth .security-note svg { width:17px; height:17px; color:var(--gold-500); }
#stableAuth .roles { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:24px; }
#stableAuth .roles>span { font-size:.8125rem; color:#76656e; }
#stableAuth .roles>span+span::before { content:"·"; margin-left:10px; color:#b9a5af; }
#stableAuth .legal { margin:18px auto 0; color:var(--muted); font-size:.8125rem; line-height:1.8; text-align:center; max-width:460px; }
#stableAuth .access-footer { display:flex; align-items:center; justify-content:space-between; width:100%; gap:20px; padding-top:27px; margin-top:auto; color:#76616c; font-size:.75rem; }
#stableAuth .access-footer a { min-height:44px; display:inline-flex; align-items:center; text-decoration:none; }
#stableAuth .access-footer a:hover { text-decoration:underline; }
#stableAuth .register-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
#stableAuth .register-head strong { font-weight:500; font-size:1rem; }
#stableAuth .step-indicator { font-size:.8125rem; color:var(--muted); }
#stableAuth .progress { height:3px; background:#ede4e8; overflow:hidden; border-radius:4px; margin-bottom:15px; }
#stableAuth .progress>span { display:block; width:33.333%; height:100%; border-radius:inherit; background:var(--burgundy-800); transition:width .25s; }
#stableAuth .step-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; list-style:none; margin:0 0 28px; padding:0; }
#stableAuth .step-list li { display:flex; align-items:center; justify-content:center; gap:6px; min-width:0; color:#776b70; font-size:.8125rem; }
#stableAuth .step-list li b { display:grid; place-items:center; width:23px; height:23px; flex-shrink:0; border-radius:50%; background:#f3eff1; font:500 .75rem Manrope,sans-serif; }
#stableAuth .step-list li[aria-current="step"] { color:var(--burgundy-800); }
#stableAuth .step-list li[aria-current="step"] b { background:var(--burgundy-800); color:#fff; }
#stableAuth .step-list li.complete b { background:#ecf4ee; color:var(--success); }
#stableAuth .step h3 { margin:0 0 6px; font-size:1.25rem; font-weight:600; }
#stableAuth .step h3:focus { outline:none; }
#stableAuth .step-copy { margin:0 0 20px; font-size:.875rem; line-height:1.85; color:var(--muted); }
#stableAuth fieldset { min-width:0; margin:0; padding:0; border:0; }
#stableAuth legend.group-label { padding:0; }
#stableAuth .plans { display:grid; gap:12px; margin:0 0 20px; }
#stableAuth .plan { position:relative; cursor:pointer; }
#stableAuth .plan input { position:absolute; right:20px; top:25px; width:18px; height:18px; margin:0; accent-color:var(--burgundy-800); }
#stableAuth .plan-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px 12px; padding:18px 49px 17px 18px; border:1px solid var(--line); border-radius:14px; background:#fff; transition:background .18s,border-color .18s; }
#stableAuth .plan-card b { color:var(--burgundy-900); font-size:1rem; font-weight:500; }
#stableAuth .plan-card strong { text-align:end; font-family:Manrope,"IBM Plex Sans Arabic",sans-serif; font-size:1.125rem; font-weight:700; line-height:1.8; }
#stableAuth .plan-card strong>span { color:var(--muted); font:400 .75rem "IBM Plex Sans Arabic",sans-serif; }
#stableAuth .plan-card small { grid-column:1/-1; color:var(--muted); font-size:.8125rem; line-height:1.8; }
#stableAuth .plan-card i { display:none; }
#stableAuth .plan input:checked+.plan-card { border-color:var(--burgundy-800); background:#fdf7f9; box-shadow:0 0 0 1px var(--burgundy-800); }
#stableAuth .plan input:focus-visible+.plan-card { outline:3px solid var(--gold-500); outline-offset:4px; }
#stableAuth .plan input:focus-visible { outline:none; }
#stableAuth .cycles { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0 0 18px; }
#stableAuth .cycle { display:flex; align-items:center; gap:9px; padding:12px; border:1px solid var(--line); border-radius:11px; font-size:.875rem; cursor:pointer; }
#stableAuth .cycle input { width:17px; height:17px; margin:0; accent-color:var(--burgundy-800); }
#stableAuth .cycle:has(input:checked) { border-color:var(--burgundy-800); background:#fdf7f9; color:var(--burgundy-800); }
#stableAuth .price-summary { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:15px; border:1px solid var(--line); border-radius:12px; background:#f8f5f7; }
#stableAuth .price-summary small { display:block; color:var(--muted); font-size:.8125rem; line-height:1.7; }
#stableAuth .price-summary strong { color:var(--burgundy-900); font-size:1.125rem; white-space:nowrap; }
#stableAuth .price-note { margin:8px 0 0; color:var(--muted); font-size:.75rem; line-height:1.8; }
#stableAuth .step-actions { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; margin-top:24px; }
#stableAuth .step-actions.one { grid-template-columns:1fr; }
#stableAuth .step-actions .secondary-btn { min-width:100px; }
#stableAuth .consent { align-items:flex-start; margin-top:16px; line-height:1.9; }
#stableAuth .consent input { margin-top:6px; }
#stableAuth .review-card { border:1px solid var(--line); border-radius:13px; padding:17px; margin-bottom:20px; }
#stableAuth .review-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:9px; }
#stableAuth .review-heading strong { font-size:.9375rem; font-weight:500; }
#stableAuth .review-heading .text-button { min-height:36px; padding-block:4px; }
#stableAuth .review-grid { margin:0; display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px 16px; font-size:.875rem; line-height:1.8; }
#stableAuth .review-grid dt { color:var(--muted); }
#stableAuth .review-grid dd { margin:0; text-align:end; overflow-wrap:anywhere; }
#stableAuth .review-plan { display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--line); padding-top:12px; margin-top:15px; }
#stableAuth .review-plan strong { display:block; color:var(--burgundy-800); font-size:.9375rem; }
#stableAuth .review-plan small { color:var(--muted); font-size:.8125rem; }
#stableAuth .success-state { padding:17px 0 10px; text-align:center; }
#stableAuth .success-icon { display:grid; place-items:center; margin:0 auto 19px; width:64px; height:64px; border-radius:20px; background:#f4e9ee; color:var(--burgundy-800); }
#stableAuth .success-icon svg { width:27px; height:27px; }
#stableAuth .success-state h3 { margin:0; font-size:1.5rem; line-height:1.6; }
#stableAuth .success-state p { margin:10px auto 22px; max-width:400px; color:var(--muted); font-size:.9375rem; line-height:1.9; }
#stableAuth .success-actions { display:grid; gap:10px; }
#stableAuth .recovery-head { margin:4px 0 22px; }
#stableAuth .recovery-head h3 { font-size:1.375rem; margin:12px 0 8px; }
#stableAuth .recovery-head p { margin:0; font-size:.9375rem; line-height:1.9; color:var(--muted); }
#stableAuth .toast { position:fixed; z-index:50; bottom:24px; left:24px; width:max-content; max-width:min(420px,calc(100vw - 32px)); display:flex; align-items:flex-start; gap:10px; padding:14px 18px; border:1px solid #ffffff28; border-radius:13px; color:#fff; background:#39212c; box-shadow:0 12px 35px #32132222; font-size:.875rem; line-height:1.8; opacity:0; transform:translateY(16px); pointer-events:none; transition:opacity .2s,transform .2s; }
#stableAuth .toast.show { opacity:1; transform:translateY(0); }
#stableAuth .toast svg { width:19px; height:19px; margin-top:3px; color:var(--gold-300); }
#stableAuth noscript { display:block; padding:16px; background:#fff0d8; color:#533c15; font-size:1rem; text-align:center; }
@keyframes stable-access-enter { from { opacity:.3; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
@media (min-width:1600px) {#stableAuth .brand-panel { padding-inline:80px; }
#stableAuth .access-wrap { width:560px; }
 }
@media (max-width:1180px) {#stableAuth .auth-shell { grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr); }
#stableAuth .brand-panel { padding-inline:30px; }
#stableAuth .access-panel { padding-inline:28px; }
#stableAuth .portal-label { display:none; }
#stableAuth .brand-copy h1 { font-size:2.75rem; }
#stableAuth .brand-benefits { gap:12px 18px; }
 }
@media (max-width:900px) {#stableAuth .auth-shell { display:block; }
#stableAuth .brand-panel { display:none; }
#stableAuth .access-panel { padding:24px; }
#stableAuth .access-topbar { margin-bottom:0; }
#stableAuth .access-wrap { padding-top:12px; margin:0 auto auto; }
#stableAuth .mobile-brand { display:flex; align-items:center; gap:14px; padding:0 0 26px; }
#stableAuth .mobile-brand .brand-mark small { color:var(--muted); }
#stableAuth .mobile-brand .brand-mark img { border-color:var(--line); }
#stableAuth .panel-head { margin-bottom:23px; }
#stableAuth .panel-head h2 { font-size:2.2rem; }
#stableAuth .access-footer { max-width:540px; }
 }
@media (max-width:520px) {#stableAuth .access-panel { padding:14px 20px 18px; }
#stableAuth .access-topbar { margin-bottom:8px; }
#stableAuth .access-wrap { padding-block:12px; }
#stableAuth .mobile-brand { padding-bottom:25px; }
#stableAuth .brand-mark img { width:60px; height:58px; padding:6px; }
#stableAuth .brand-mark strong { font-size:1.0625rem; }
#stableAuth .panel-head h2 { font-size:2rem; }
#stableAuth .panel-head p { font-size:.9375rem; }
#stableAuth .form-card { padding:24px 18px; border-radius:18px; }
#stableAuth .field-grid { grid-template-columns:1fr; gap:19px; }
#stableAuth .form-row { gap:0 10px; }
#stableAuth .tab { font-size:.875rem; }
#stableAuth .form-intro { font-size:.8125rem; margin-bottom:22px; padding-bottom:17px; }
#stableAuth .step-list { margin-bottom:23px; }
#stableAuth .step-list li { gap:5px; font-size:.75rem; }
#stableAuth .step-list li b { width:20px; height:20px; }
#stableAuth .cycles { gap:8px; }
#stableAuth .cycle { padding:11px 9px; font-size:.8125rem; }
#stableAuth .plan-card { padding:16px 41px 16px 12px; gap:5px 8px; }
#stableAuth .plan input { right:15px; top:23px; }
#stableAuth .plan-card b { font-size:.9375rem; }
#stableAuth .plan-card strong { font-size:1.0625rem; }
#stableAuth .step-actions { gap:8px; }
#stableAuth .step-actions .secondary-btn { min-width:74px; padding-inline:12px; }
#stableAuth .step-actions .primary-btn { padding-inline:10px; font-size:.9375rem; }
#stableAuth .review-card { padding:14px; }
#stableAuth .review-grid { gap:9px 12px; }
#stableAuth .access-footer { flex-wrap:wrap; gap:0 20px; padding-top:12px; }
#stableAuth .legal { font-size:.8125rem; }
#stableAuth .toast { left:16px; bottom:16px; }
 }
@media (max-width:365px) {#stableAuth .access-panel { padding-inline:13px; }
#stableAuth .form-card { padding-inline:14px; }
#stableAuth .step-list li { flex-direction:column; }
#stableAuth .plan-card { grid-template-columns:minmax(0,1fr); }
#stableAuth .plan-card strong { text-align:start; }
#stableAuth .plan-card small { grid-column:auto; }
#stableAuth .price-summary { flex-wrap:wrap; }
#stableAuth .review-plan { flex-wrap:wrap; }
 }
@media (prefers-reduced-motion:reduce) {#stableAuth *,#stableAuth *::before,#stableAuth *::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; }
 }



/* The portal's shared stylesheet must not alter the supplied access design. */
body:has(#stableAuth:not([hidden])) { margin:0; border:0; background:#faf8f9; }
body:has(#stableAuth:not([hidden]))::before,body:has(#stableAuth:not([hidden]))::after { display:none!important; }
body:has(#stableAuth:not([hidden])) > .shell { display:none; }
#stableAuth { font-family:"IBM Plex Sans Arabic",system-ui,sans-serif; font-size:16px; line-height:normal; }
#stableAuth[hidden] { display:none!important; }
#stableAuth h1,#stableAuth h2,#stableAuth h3 { font-family:inherit; color:inherit; }
#stableAuth .field { display:block; margin:0 0 22px; }
#stableAuth .field-grid .field { margin:0; }
#stableAuth label { letter-spacing:normal; }
#stableAuth .control input,#stableAuth .field textarea,#stableAuth .field select { border:1px solid #dcd2d7!important; background:#fff!important; color:var(--ink)!important; border-radius:12px!important; box-shadow:none!important; }
#stableAuth .control input:focus,#stableAuth .field textarea:focus { border-color:var(--burgundy-800)!important; box-shadow:0 0 0 3px #71162d12!important; outline:none!important; }
#stableAuth .control input[aria-invalid="true"],#stableAuth .field textarea[aria-invalid="true"] { border-color:var(--danger)!important; background:#fffafb!important; }
#stableAuth input[type="checkbox"],#stableAuth input[type="radio"] { appearance:auto!important; padding:0!important; min-height:0!important; border-radius:initial!important; accent-color:var(--burgundy-800); }
#stableAuth .checkbox input { width:18px!important; height:18px!important; }
#stableAuth .plan input { width:18px!important; height:18px!important; }
#stableAuth .cycle input { width:17px!important; height:17px!important; }
#stableAuth .primary-btn { text-decoration:none; }
#stableAuth .message.ok:not(:empty) { background:#eff8f2; color:var(--success); border-color:#c9e3d3; }
#stableAuth .optional-details { margin:18px 0; font-size:.875rem; }
#stableAuth .optional-details summary { cursor:pointer; margin-bottom:15px; color:var(--burgundy-800); }
#stableAuth .application-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
#stableAuth .two-factor-note { color:var(--muted); margin:0 0 12px; font-size:.875rem; line-height:1.8; }
#stableAuth .primary-btn:disabled { transform:none; }
#stableAuth .brand-copy .eyebrow { color:var(--gold-300)!important; }