@font-face{font-family:"Fraunces Storex";src:url("/fonts/storex-auth/Fraunces-Variable.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Manrope Storex";src:url("/fonts/storex-auth/Manrope-Variable.ttf") format("truetype");font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:"Noto Kufi Storex";src:url("/fonts/storex-auth/NotoKufiArabic-Variable.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
:root{--sa-ink:#17352c;--sa-paper:#f4efe3;--sa-rust:#bd5f3d;--sa-line:rgba(23,53,44,.16);--sa-muted:#65756f;--sa-white:#fffdf8}
*{box-sizing:border-box}html{min-width:320px;background:var(--sa-paper)}body{margin:0;color:var(--sa-ink);font-family:"Manrope Storex",sans-serif;background:var(--sa-paper)}[dir=rtl] body{font-family:"Noto Kufi Storex",sans-serif}a{color:inherit}
.sa-skip{position:fixed;z-index:100;top:.75rem;left:50%;padding:.65rem 1rem;border-radius:999px;background:var(--sa-ink);color:#fff;transform:translate(-50%,-180%);transition:transform .2s}.sa-skip:focus{transform:translate(-50%,0)}
.sa-flash{position:fixed;z-index:90;top:1rem;left:50%;width:min(92%,560px);padding:1rem 1.2rem;border:1px solid rgba(189,95,61,.36);border-radius:.9rem;background:#fff4ed;box-shadow:0 18px 55px rgba(23,53,44,.16);color:#87391f;font-weight:700;transform:translateX(-50%)}
.sa-shell{display:grid;min-height:100vh;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr)}
.sa-story{position:relative;display:flex;min-height:100%;padding:clamp(2rem,5vw,5.5rem);overflow:hidden;background:var(--sa-ink);color:#f9f5ea;flex-direction:column;justify-content:space-between}
.sa-story:before{position:absolute;width:34rem;height:34rem;right:-12rem;top:-11rem;border:1px solid rgba(255,255,255,.15);border-radius:44% 56% 63% 37%;content:"";transform:rotate(24deg)}.sa-story:after{position:absolute;width:22rem;height:22rem;left:-10rem;bottom:-9rem;border-radius:50%;background:radial-gradient(circle at 55% 45%,rgba(189,95,61,.72),rgba(189,95,61,0) 68%);content:""}[dir=rtl] .sa-story:before{right:auto;left:-12rem}[dir=rtl] .sa-story:after{left:auto;right:-10rem}
.sa-brand,.sa-story-copy,.sa-trust{position:relative;z-index:1}.sa-brand{display:inline-flex;width:max-content;align-items:center;gap:.65rem;font-size:1.1rem;font-weight:800;text-decoration:none;letter-spacing:-.03em}.sa-brand-mark{display:grid;width:2rem;height:2rem;border-radius:42% 58% 48% 52%;background:var(--sa-rust);place-items:center;color:#fff}
.sa-eyebrow{margin:0 0 1rem;color:var(--sa-rust);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}[dir=rtl] .sa-eyebrow{letter-spacing:0}.sa-story-copy{max-width:700px;margin:clamp(4rem,10vh,8rem) 0}.sa-story-copy h1{max-width:11ch;margin:0;font-family:"Fraunces Storex",serif;font-size:clamp(3.2rem,6.7vw,7rem);font-weight:560;font-optical-sizing:auto;font-variation-settings:"SOFT" 20,"WONK" 1;line-height:.9;letter-spacing:-.045em}[dir=rtl] .sa-story-copy h1{font-family:"Noto Kufi Storex",sans-serif;font-size:clamp(2.4rem,5vw,5.1rem);font-weight:600;line-height:1.28;letter-spacing:0}.sa-story-copy>p:last-child{max-width:580px;margin:1.5rem 0 0;color:rgba(249,245,234,.72);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.7}
.sa-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:0;padding:0;list-style:none}.sa-trust li{padding-top:.85rem;border-top:1px solid rgba(255,255,255,.18);color:rgba(249,245,234,.72);font-size:.78rem;line-height:1.5}.sa-trust li:before{display:block;width:.45rem;height:.45rem;margin-bottom:.65rem;border-radius:50%;background:#81d5ae;box-shadow:0 0 0 5px rgba(129,213,174,.1);content:""}
.sa-panel{position:relative;display:flex;padding:clamp(1.5rem,4vw,5rem);background:radial-gradient(circle at 90% 5%,rgba(189,95,61,.13),transparent 18rem),var(--sa-paper);align-items:center;justify-content:center}.sa-card{width:min(100%,510px)}.sa-card h2{margin:.25rem 0 .7rem;font-family:"Fraunces Storex",serif;font-size:clamp(2.7rem,5vw,4.3rem);font-weight:620;font-optical-sizing:auto;font-variation-settings:"SOFT" 10,"WONK" 1;line-height:1;letter-spacing:-.035em}[dir=rtl] .sa-card h2{font-family:"Noto Kufi Storex",sans-serif;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:600;line-height:1.3;letter-spacing:0}.sa-intro{margin:0 0 2.2rem;color:var(--sa-muted);line-height:1.7}
.sa-field{margin-bottom:1.25rem}.sa-field-head{display:flex;margin-bottom:.55rem;align-items:center;justify-content:space-between}.sa-field label{font-size:.83rem;font-weight:800}.sa-input-wrap{position:relative}.sa-input{width:100%;height:3.65rem;padding:0 1rem;border:1px solid var(--sa-line);border-radius:.85rem;outline:0;background:rgba(255,253,248,.82);color:var(--sa-ink);font:inherit;transition:border-color .2s,box-shadow .2s,background .2s}.sa-input:focus{border-color:var(--sa-rust);background:var(--sa-white);box-shadow:0 0 0 4px rgba(189,95,61,.12)}.sa-password-input{padding-right:5.5rem}[dir=rtl] .sa-password-input{padding-right:1rem;padding-left:5.5rem}.sa-password-toggle{position:absolute;right:.55rem;top:50%;padding:.45rem .65rem;border:0;background:transparent;color:var(--sa-rust);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer;transform:translateY(-50%)}[dir=rtl] .sa-password-toggle{right:auto;left:.55rem}
.sa-submit{display:flex;width:100%;height:3.7rem;margin-top:1.65rem;border:0;border-radius:.9rem;background:var(--sa-ink);box-shadow:0 15px 32px rgba(23,53,44,.18);color:#fff;font:inherit;font-weight:800;cursor:pointer;align-items:center;justify-content:center;transition:transform .2s,background .2s}.sa-submit:hover{background:#214c3f;transform:translateY(-2px)}.sa-submit:disabled{cursor:wait;opacity:.72;transform:none}.sa-register{margin:1.45rem 0 0;text-align:center;color:var(--sa-muted);font-size:.9rem}.sa-register a{margin-inline-start:.25rem;color:var(--sa-rust);font-weight:800;text-decoration:none}
.sa-support{display:grid;grid-template-columns:1fr auto;gap:1rem;margin-top:2rem;padding:1.1rem 1.2rem;border:1px solid var(--sa-line);border-radius:1rem;background:rgba(255,253,248,.55);align-items:center}.sa-support strong{display:block;margin-bottom:.25rem;font-size:.88rem}.sa-support p{margin:0;color:var(--sa-muted);font-size:.75rem;line-height:1.55}.sa-support-links{display:flex;gap:.55rem;flex-direction:column;text-align:end}.sa-support a{color:var(--sa-rust);font-size:.76rem;font-weight:800;text-decoration:none;white-space:nowrap}.sa-secure{display:flex;margin-top:1.25rem;gap:.45rem;color:var(--sa-muted);font-size:.72rem;align-items:center;justify-content:center}.sa-secure:before{width:.48rem;height:.48rem;border-radius:50%;background:#3aa476;content:""}
.sa-language{position:absolute;z-index:2;top:1.3rem;right:clamp(1.25rem,3vw,3rem);display:flex;gap:.65rem;align-items:center}.sa-language label{color:var(--sa-muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.sa-language-control{position:relative}.sa-language select{height:2.55rem;min-width:8.4rem;padding:0 2rem 0 .85rem;border:1px solid var(--sa-line);border-radius:999px;outline:0;appearance:none;background:rgba(255,253,248,.78);color:var(--sa-ink);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}.sa-language select:focus{border-color:var(--sa-rust);box-shadow:0 0 0 4px rgba(189,95,61,.12)}.sa-language-control span{position:absolute;right:.78rem;top:50%;pointer-events:none;transform:translateY(-55%);color:var(--sa-rust)}.sa-language noscript button{height:2.4rem;padding:0 .8rem;border:0;border-radius:999px;background:var(--sa-ink);color:#fff;font:inherit;font-size:.72rem;font-weight:800}[dir=rtl] .sa-language{right:auto;left:clamp(1.25rem,3vw,3rem)}[dir=rtl] .sa-language label{letter-spacing:0}[dir=rtl] .sa-language select{padding-right:.85rem;padding-left:2rem}[dir=rtl] .sa-language-control span{right:auto;left:.78rem}
@media(max-width:900px){.sa-shell{grid-template-columns:1fr}.sa-story{min-height:auto;padding:1.5rem 1.4rem 2rem}.sa-story-copy{margin:4rem 0 2.5rem}.sa-story-copy h1{max-width:13ch}.sa-trust{display:none}.sa-panel{padding:5.5rem 1.25rem 4rem}}@media(max-width:520px){.sa-story-copy h1{font-size:3.15rem}.sa-panel{align-items:flex-start}.sa-card h2{font-size:3rem}.sa-language{top:1.2rem;right:1.25rem;left:1.25rem;justify-content:space-between}[dir=rtl] .sa-language{right:1.25rem;left:1.25rem}.sa-language select{min-width:7.7rem}.sa-support{grid-template-columns:1fr}.sa-support-links{text-align:start}[dir=rtl] .sa-support-links{text-align:right}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* E-commerce platform preview */
.sa-shell{grid-template-columns:minmax(0,1.28fr) minmax(430px,.72fr)}
.sa-platform{gap:clamp(1.4rem,2.5vh,2.3rem);padding:clamp(1.6rem,3vw,3.2rem);justify-content:flex-start}
.sa-platform:before{opacity:.7}.sa-platform:after{opacity:.55}
.sa-platform-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}
.sa-platform-badge{padding:.45rem .72rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);color:rgba(249,245,234,.72);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.sa-platform-intro{position:relative;z-index:2;max-width:820px}
.sa-platform-intro .sa-eyebrow{margin-bottom:.65rem}
.sa-platform-intro h1{max-width:15ch;margin:0;font-family:"Fraunces Storex",serif;font-size:clamp(2.65rem,4.3vw,5rem);font-weight:570;font-optical-sizing:auto;font-variation-settings:"SOFT" 15,"WONK" 1;line-height:.94;letter-spacing:-.04em}
[dir=rtl] .sa-platform-intro h1{font-family:"Noto Kufi Storex",sans-serif;font-size:clamp(2.2rem,3.6vw,4rem);font-weight:600;line-height:1.3;letter-spacing:0}
.sa-platform-intro>p:not(.sa-eyebrow){max-width:720px;margin:.9rem 0 0;color:rgba(249,245,234,.7);font-size:.9rem;line-height:1.65}
.sa-platform-points{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.15rem 0 0;padding:0;list-style:none}
.sa-platform-points li{display:flex;align-items:center;gap:.45rem;padding:.42rem .65rem;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.055);color:rgba(249,245,234,.78);font-size:.68rem;font-weight:700}
.sa-platform-points li:before{width:.38rem;height:.38rem;border-radius:50%;background:#6ad5a4;box-shadow:0 0 0 4px rgba(106,213,164,.09);content:""}
.sa-commerce-window{position:relative;z-index:2;width:100%;min-height:360px;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:1.25rem;background:#f4f6f2;box-shadow:0 35px 75px rgba(4,20,15,.38);color:#18352c;font-family:"Manrope Storex",sans-serif;text-align:start}
[dir=rtl] .sa-commerce-window{font-family:"Noto Kufi Storex",sans-serif}
.sa-commerce-bar{display:grid;height:2.7rem;padding:0 1rem;border-bottom:1px solid #dfe5df;background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;font-size:.65rem}
.sa-commerce-bar>strong{font-size:.7rem}.sa-window-dots{display:flex;gap:.3rem}.sa-window-dots span{width:.48rem;height:.48rem;border-radius:50%;background:#d0d7d2}.sa-window-dots span:first-child{background:#de7250}.sa-window-dots span:nth-child(2){background:#e9ba58}.sa-window-dots span:last-child{background:#4fbd8a}
.sa-live-indicator{display:flex;justify-self:end;align-items:center;gap:.35rem;color:#5d716a;font-size:.58rem;font-weight:800}.sa-live-indicator i{width:.38rem;height:.38rem;border-radius:50%;background:#3fb57f;box-shadow:0 0 0 4px rgba(63,181,127,.12)}
.sa-commerce-body{display:grid;min-height:330px;grid-template-columns:3.2rem 1fr}
.sa-commerce-nav{display:flex;padding:.8rem .55rem;border-right:1px solid #dfe5df;background:#edf1ec;flex-direction:column;align-items:center;gap:.7rem}
[dir=rtl] .sa-commerce-nav{border-right:0;border-left:1px solid #dfe5df}
.sa-commerce-nav b,.sa-commerce-nav span{display:grid;width:1.75rem;height:1.75rem;border-radius:.52rem;place-items:center;font-size:.72rem}.sa-commerce-nav b{margin-bottom:.35rem;background:#17352c;color:#fff}.sa-commerce-nav span{color:#71817b}.sa-commerce-nav .is-active{background:#dce9e1;color:#17352c}
.sa-commerce-content{padding:.85rem;overflow:hidden}
.sa-commerce-heading{display:flex;margin-bottom:.7rem;align-items:center;justify-content:space-between}.sa-commerce-heading div{display:flex;align-items:baseline;gap:.55rem}.sa-commerce-heading small{color:#7a8983;font-size:.58rem}.sa-commerce-heading strong{font-size:.74rem}.sa-commerce-heading>span{color:#87938f;letter-spacing:.12em}
.sa-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.sa-metric-grid article{min-width:0;padding:.7rem;border:1px solid #e0e5e1;border-radius:.72rem;background:#fff}.sa-metric-grid article>span{display:block;overflow:hidden;color:#74827d;font-size:.52rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.sa-metric-grid article>strong{display:block;margin:.22rem 0 .18rem;font-size:.78rem;letter-spacing:-.03em}.sa-metric-grid article>small{color:#7c8985;font-size:.5rem;font-weight:800}.sa-metric-grid article>small.is-positive{color:#27966b}
.sa-commerce-insights{display:grid;margin-top:.55rem;grid-template-columns:minmax(0,1.7fr) minmax(120px,.7fr);gap:.55rem}.sa-sales-card,.sa-catalog-card,.sa-orders-card{border:1px solid #e0e5e1;border-radius:.72rem;background:#fff}.sa-sales-card,.sa-catalog-card{min-height:100px;padding:.65rem}.sa-card-title{display:flex;align-items:center;justify-content:space-between}.sa-card-title strong{font-size:.58rem}.sa-card-title span{color:#29966c;font-size:.5rem;font-weight:800}
.sa-chart{display:flex;height:64px;padding-top:.6rem;align-items:flex-end;gap:4%}.sa-chart i{width:8.5%;height:var(--bar);min-height:8px;border-radius:.2rem .2rem .08rem .08rem;background:linear-gradient(180deg,#43bb86,#b8e6cf)}.sa-chart i:nth-child(6),.sa-chart i:nth-child(7){background:linear-gradient(180deg,#d06a46,#efb9a6)}
.sa-catalog-card>span{color:#74827d;font-size:.5rem;font-weight:700}.sa-catalog-card>strong{display:block;margin:.25rem 0 .45rem;font-size:1rem}.sa-catalog-card>div{display:flex;height:.32rem;border-radius:999px;background:#e6ebe7;align-items:center}.sa-catalog-card>div i{display:block;width:92%;height:100%;border-radius:inherit;background:#3eaf7d}.sa-catalog-card>div small{margin-inline-start:.3rem;font-size:.46rem}.sa-catalog-card p{margin:.7rem 0 0;color:#9a5b43;font-size:.5rem}.sa-catalog-card p b{font-size:.62rem}
.sa-orders-card{margin-top:.55rem;padding:.65rem}.sa-orders-card>.sa-card-title{margin-bottom:.42rem}.sa-order-row{display:grid;grid-template-columns:.8fr 1fr .8fr .8fr;gap:.4rem;min-height:1.55rem;border-top:1px solid #edf0ed;align-items:center;color:#667770;font-size:.49rem}.sa-order-row b{color:#25443a}.sa-order-row em{justify-self:start;padding:.18rem .32rem;border-radius:999px;font-style:normal;font-size:.43rem;font-weight:800}.sa-order-head{min-height:1.35rem;border-top:0;color:#97a29e;font-size:.44rem;font-weight:800}.sa-order-row .is-paid{background:#dff4e8;color:#287d59}.sa-order-row .is-process{background:#fff0d5;color:#a46d16}.sa-order-row .is-shipped{background:#e2edf8;color:#376f9c}
@media(max-width:1100px){.sa-shell{grid-template-columns:1fr}.sa-platform{min-height:auto}.sa-commerce-window{max-width:920px}.sa-panel{padding-top:6rem}.sa-platform-intro h1{max-width:16ch}}
@media(max-width:650px){.sa-platform{padding:1.25rem}.sa-platform-intro h1{font-size:2.65rem}.sa-platform-points li:nth-child(3){display:none}.sa-commerce-body{grid-template-columns:1fr}.sa-commerce-nav{display:none}.sa-commerce-content{padding:.65rem}.sa-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-metric-grid article:nth-child(3){display:none}.sa-commerce-insights{grid-template-columns:1fr}.sa-catalog-card{display:none}.sa-order-row{grid-template-columns:.9fr 1fr .8fr}.sa-order-row>*:nth-child(2){display:none}.sa-order-row em{font-size:.4rem}.sa-commerce-window{min-height:330px}.sa-commerce-bar{grid-template-columns:1fr auto 1fr}}
/* Registration: merchant onboarding */
.sa-registration-shell {
    grid-template-columns: minmax(390px, 0.86fr) minmax(600px, 1.14fr);
    background: radial-gradient(circle at 86% 4%, rgba(207, 99, 59, 0.13), transparent 24rem), #f7f1e6;
}

.sa-registration-story {
    min-height: 100vh;
    padding: clamp(2.25rem, 4vw, 4.75rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: clamp(2.5rem, 5vh, 4.5rem);
    overflow: hidden;
}

.sa-registration-story::before {
    width: 35rem;
    height: 35rem;
    inset: -13rem auto auto 52%;
    border-color: rgba(248, 241, 229, 0.11);
}

.sa-registration-story::after {
    content: "";
    position: absolute;
    width: 22rem;
    height: 22rem;
    left: -10rem;
    bottom: -12rem;
    border-radius: 50%;
    background: radial-gradient(circle at 65% 30%, rgba(207, 99, 59, 0.76), rgba(207, 99, 59, 0.08) 64%, transparent 65%);
    pointer-events: none;
}

.sa-platform-top,
.sa-registration-copy,
.sa-onboarding-preview {
    position: relative;
    z-index: 1;
}

.sa-platform-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.sa-platform-badge {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0 0.8rem;
    border: 1px solid rgba(248, 241, 229, 0.2);
    border-radius: 999px;
    color: rgba(248, 241, 229, 0.72);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.sa-registration-copy { max-width: 38rem; }

.sa-registration-copy h1 {
    margin: 0.7rem 0 1rem;
    color: #fbf5e9;
    font-family: "Fraunces Storex", Georgia, serif;
    font-size: clamp(3.25rem, 5.8vw, 6.4rem);
    font-weight: 500;
    letter-spacing: -0.055em;
    line-height: 0.91;
}

[dir="rtl"] .sa-registration-copy h1,
[dir="rtl"] .sa-form-heading h2 {
    font-family: "Noto Arabic Storex", Tahoma, sans-serif;
    letter-spacing: 0;
    line-height: 1.18;
}

.sa-registration-copy .sa-story-text {
    max-width: 35rem;
    margin: 0;
    color: rgba(248, 241, 229, 0.72);
    font-size: clamp(1rem, 1.3vw, 1.18rem);
    line-height: 1.65;
}

.sa-registration-steps {
    margin: clamp(2rem, 4vh, 3.25rem) 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 1.15rem;
}

.sa-registration-step {
    position: relative;
    display: grid;
    grid-template-columns: 2.4rem 1fr;
    align-items: start;
    gap: 0.9rem;
    color: rgba(248, 241, 229, 0.48);
}

.sa-registration-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 2.45rem;
    bottom: -1.05rem;
    left: 1.18rem;
    width: 1px;
    background: rgba(248, 241, 229, 0.16);
}

[dir="rtl"] .sa-registration-step:not(:last-child)::after { right: 1.18rem; left: auto; }

.sa-step-number {
    width: 2.4rem;
    height: 2.4rem;
    display: grid;
    place-items: center;
    border: 1px solid rgba(248, 241, 229, 0.2);
    border-radius: 50%;
    background: rgba(248, 241, 229, 0.05);
    font-size: 0.8rem;
    font-weight: 800;
}

.sa-registration-step.is-current { color: #fbf5e9; }

.sa-registration-step.is-current .sa-step-number {
    border-color: #cf633b;
    background: #cf633b;
    box-shadow: 0 0 0 0.35rem rgba(207, 99, 59, 0.14);
}

.sa-step-content { display: grid; gap: 0.2rem; padding-top: 0.08rem; }
.sa-step-content strong { color: inherit; font-size: 0.94rem; }
.sa-step-content small { max-width: 29rem; color: inherit; font-size: 0.78rem; line-height: 1.45; }

.sa-onboarding-preview {
    padding: 1.15rem;
    border: 1px solid rgba(248, 241, 229, 0.15);
    border-radius: 1.3rem;
    background: rgba(248, 241, 229, 0.07);
    box-shadow: 0 1.5rem 4rem rgba(2, 20, 15, 0.16);
    backdrop-filter: blur(12px);
}

.sa-preview-heading,
.sa-preview-metrics { display: grid; gap: 0.75rem; }

.sa-preview-heading {
    grid-template-columns: 1fr auto;
    align-items: center;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(248, 241, 229, 0.12);
}

.sa-preview-heading > div,
.sa-preview-metrics > div { display: grid; gap: 0.2rem; }

.sa-preview-heading span,
.sa-preview-metrics span {
    color: rgba(248, 241, 229, 0.54);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sa-preview-heading strong {
    color: #fbf5e9;
    font-family: "Fraunces Storex", Georgia, serif;
    font-size: 1.3rem;
    font-weight: 600;
}

.sa-preview-store-icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.85rem;
    background: linear-gradient(#fbf5e9, #fbf5e9) center 65% / 56% 40% no-repeat, linear-gradient(135deg, #df805a, #bd4f2b);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.sa-preview-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1rem; }

.sa-preview-metrics > div {
    padding: 0.75rem;
    border-radius: 0.9rem;
    background: rgba(4, 33, 26, 0.38);
}

.sa-preview-metrics strong { color: #fbf5e9; font-size: 0.83rem; }

.sa-preview-status {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.9rem 0 0;
    color: rgba(248, 241, 229, 0.64);
    font-size: 0.72rem;
}

.sa-preview-status span,
.sa-protected span {
    width: 0.48rem;
    height: 0.48rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #38aa7b;
    box-shadow: 0 0 0 0.28rem rgba(56, 170, 123, 0.12);
}

.sa-registration-panel {
    min-width: 0;
    min-height: 100vh;
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
    padding: clamp(2rem, 4vw, 4.5rem);
}

.sa-registration-panel .sa-language {
    position: absolute;
    top: clamp(1.5rem, 3vw, 2.6rem);
    right: clamp(1.5rem, 3vw, 3rem);
}

[dir="rtl"] .sa-registration-panel .sa-language { right: auto; left: clamp(1.5rem, 3vw, 3rem); }

.sa-registration-card { width: min(100%, 46rem); margin: clamp(5rem, 8vh, 7rem) auto 2rem; }
.sa-registration-card .sa-form-heading { margin-bottom: 2rem; }

.sa-registration-card .sa-form-heading h2 {
    margin: 0.35rem 0 0.7rem;
    color: #123c32;
    font-family: "Fraunces Storex", Georgia, serif;
    font-size: clamp(2.65rem, 4.2vw, 4.5rem);
    font-weight: 550;
    letter-spacing: -0.05em;
    line-height: 0.96;
}

.sa-registration-card .sa-form-heading > p:last-child {
    max-width: 39rem;
    margin: 0;
    color: #718079;
    font-size: 0.98rem;
    line-height: 1.6;
}

.sa-registration-form { display: grid; gap: 1.1rem; }
.sa-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.sa-registration-form .sa-field { min-width: 0; }

.sa-registration-form .sa-field label {
    display: block;
    margin-bottom: 0.45rem;
    color: #143d33;
    font-size: 0.8rem;
    font-weight: 800;
}

.sa-registration-form .sa-input {
    width: 100%;
    min-height: 3.65rem;
    padding: 0 1rem;
    border: 1px solid #d7dbd3;
    border-radius: 0.95rem;
    background: rgba(255, 253, 248, 0.88);
    color: #123c32;
    font: inherit;
    outline: none;
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.sa-registration-form .sa-input::placeholder { color: #9aa39e; }
.sa-registration-form .sa-input:focus { border-color: #317760; background: #fffdf8; box-shadow: 0 0 0 0.25rem rgba(49, 119, 96, 0.1); }
.sa-registration-form .sa-input:invalid:not(:placeholder-shown) { border-color: #c66b4a; }
.sa-registration-form .error-message { margin-top: 0.38rem; color: #a9412d; font-size: 0.74rem; }
.sa-field-help { margin: -0.45rem 0 0; color: #78857f; font-size: 0.73rem; line-height: 1.45; }

.sa-terms {
    display: grid;
    grid-template-columns: 1.15rem 1fr;
    align-items: start;
    gap: 0.7rem;
    color: #687770;
    font-size: 0.78rem;
    line-height: 1.5;
    cursor: pointer;
}

.sa-terms input { width: 1.05rem; height: 1.05rem; margin: 0.15rem 0 0; accent-color: #16483b; }
.sa-registration-form .sa-submit { min-height: 3.8rem; margin-top: 0.2rem; border-radius: 1rem; }
.sa-registration-form .sa-submit:disabled { cursor: wait; opacity: 0.72; }

.sa-switch-auth { margin: 1.2rem 0 0; color: #73817b; text-align: center; font-size: 0.84rem; }
.sa-switch-auth a { margin-inline-start: 0.25rem; color: #bf5330; font-weight: 800; text-decoration: none; }
.sa-switch-auth a:hover { text-decoration: underline; }

.sa-protected {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.55rem;
    margin: 1.25rem 0 0;
    color: #78857f;
    font-size: 0.72rem;
}

.sa-registration-card .message,
.sa-registration-card .error,
.sa-registration-card .success {
    margin: 0 0 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(190, 78, 46, 0.2);
    border-radius: 0.85rem;
    background: rgba(190, 78, 46, 0.08);
    color: #943e28;
    font-size: 0.8rem;
    line-height: 1.45;
}

@media (max-width: 1120px) {
    .sa-registration-shell { grid-template-columns: minmax(350px, 0.78fr) minmax(540px, 1.22fr); }
    .sa-registration-story { padding: 2.5rem; }
    .sa-registration-copy h1 { font-size: clamp(3.25rem, 5.2vw, 5rem); }
}

@media (max-width: 940px) {
    .sa-registration-shell { display: block; }
    .sa-registration-story { min-height: auto; padding: 2.25rem clamp(1.25rem, 5vw, 3rem) 3rem; gap: 2.5rem; }
    .sa-registration-copy { max-width: 46rem; }
    .sa-registration-copy h1 { max-width: 42rem; font-size: clamp(3.2rem, 10vw, 5.8rem); }
    .sa-registration-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .sa-registration-step { grid-template-columns: 2.4rem 1fr; }
    .sa-registration-step:not(:last-child)::after { display: none; }
    .sa-registration-panel { min-height: auto; padding: 2rem clamp(1.25rem, 5vw, 3rem) 3.5rem; overflow: visible; }
    .sa-registration-panel .sa-language { position: relative; top: auto; right: auto; left: auto; width: min(100%, 46rem); margin: 0 auto 2rem; justify-content: flex-end; }
    .sa-registration-card { margin: 0 auto; }
}

@media (max-width: 680px) {
    .sa-platform-badge,
    .sa-onboarding-preview { display: none; }
    .sa-registration-story { gap: 2.1rem; }
    .sa-registration-copy h1 { font-size: clamp(2.9rem, 15vw, 4.8rem); }
    .sa-registration-steps { grid-template-columns: 1fr; }
    .sa-registration-step:not(:last-child)::after { display: block; }
    .sa-form-grid { grid-template-columns: 1fr; }
    .sa-registration-card .sa-form-heading h2 { font-size: clamp(2.45rem, 12vw, 3.65rem); }
    .sa-registration-panel .sa-language { justify-content: space-between; }
    .sa-registration-form .sa-input { min-height: 3.5rem; }
}

@media (prefers-reduced-motion: reduce) {
    .sa-registration-form .sa-input,
    .sa-registration-form .sa-submit { transition: none; }
}

/* Registration: simplified merchant account creation */
.sa-registration-shell {
    display: block;
    min-height: 100vh;
    padding: 0;
    background:
        radial-gradient(circle at 8% 12%, rgba(207, 99, 59, 0.12), transparent 22rem),
        radial-gradient(circle at 92% 86%, rgba(22, 72, 59, 0.1), transparent 24rem),
        #f7f1e6;
    color: #173f35;
}

.sa-registration-header {
    width: min(100% - 3rem, 72rem);
    min-height: 5rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    border-bottom: 1px solid rgba(22, 72, 59, 0.12);
}

.sa-registration-header .sa-brand-name { color: #173f35; }

.sa-registration-actions {
    display: flex;
    align-items: center;
    gap: 1.1rem;
}

.sa-registration-actions .sa-language {
    position: static;
    width: auto;
    margin: 0;
}

.sa-registration-login {
    min-height: 2.75rem;
    padding: 0 1.05rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(22, 72, 59, 0.22);
    border-radius: 999px;
    color: #173f35;
    font-size: 0.82rem;
    font-weight: 800;
    text-decoration: none;
}

.sa-registration-login:hover,
.sa-registration-login:focus-visible {
    border-color: #16483b;
    background: #16483b;
    color: #fffdf8;
}

.sa-registration-main {
    width: min(100% - 3rem, 72rem);
    margin: 0 auto;
    padding: clamp(2rem, 5vw, 4rem) 0;
    display: grid;
    grid-template-columns: minmax(17rem, 0.78fr) minmax(34rem, 1.22fr);
    align-items: start;
    gap: clamp(2rem, 5vw, 4.5rem);
}

.sa-registration-intro {
    position: sticky;
    top: 2rem;
    padding: clamp(1.75rem, 3vw, 2.5rem);
    overflow: hidden;
    border-radius: 1.75rem;
    background:
        radial-gradient(circle at 100% 0, rgba(207, 99, 59, 0.28), transparent 18rem),
        #153f35;
    box-shadow: 0 1.5rem 3.5rem rgba(21, 63, 53, 0.14);
}

.sa-registration-intro::after {
    content: "";
    position: absolute;
    width: 12rem;
    height: 12rem;
    inset: auto -5rem -6rem auto;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    pointer-events: none;
}

[dir="rtl"] .sa-registration-intro::after { inset: auto auto -6rem -5rem; }
.sa-registration-intro .sa-eyebrow { color: #e58a68; }

.sa-registration-intro h1 {
    max-width: 11ch;
    margin: 0.65rem 0 1rem;
    color: #fff9ed;
    font-family: "Fraunces Storex", Georgia, serif;
    font-size: clamp(2.55rem, 4vw, 4.25rem);
    font-weight: 550;
    letter-spacing: -0.05em;
    line-height: 0.98;
}

[dir="rtl"] .sa-registration-intro h1 {
    font-family: "Noto Arabic Storex", Tahoma, sans-serif;
    letter-spacing: 0;
    line-height: 1.25;
}

.sa-registration-intro .sa-story-text {
    max-width: 30rem;
    margin: 0;
    color: rgba(255, 249, 237, 0.72);
    font-size: 0.94rem;
    line-height: 1.65;
}

.sa-registration-benefits {
    margin: 1.6rem 0 0;
    padding: 0;
    display: grid;
    gap: 0.7rem;
    list-style: none;
}

.sa-registration-benefits li {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    color: #fff9ed;
    font-size: 0.82rem;
    font-weight: 750;
}

.sa-registration-benefits li span {
    width: 1.55rem;
    height: 1.55rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(79, 190, 139, 0.16);
    color: #73d5aa;
    font-size: 0.72rem;
}

.sa-registration-panel {
    min-width: 0;
    min-height: 0;
    padding: 0;
    display: block;
    overflow: visible;
}

.sa-registration-card {
    width: 100%;
    margin: 0;
    padding: clamp(1.5rem, 3vw, 2.4rem);
    border: 1px solid rgba(22, 72, 59, 0.12);
    border-radius: 1.75rem;
    background: rgba(255, 253, 248, 0.9);
    box-shadow: 0 1.5rem 4rem rgba(33, 58, 50, 0.09);
}

.sa-registration-card .sa-form-heading { margin-bottom: 1.4rem; }

.sa-registration-card .sa-form-heading h2 {
    margin: 0.3rem 0 0.45rem;
    font-size: clamp(2.15rem, 3.4vw, 3.25rem);
    line-height: 1;
}

.sa-registration-card .sa-form-heading > p:last-child { font-size: 0.88rem; line-height: 1.5; }
.sa-registration-form { gap: 0.9rem; }
.sa-registration-form .sa-input { min-height: 3.35rem; border-radius: 0.85rem; }
.sa-registration-form .sa-submit { min-height: 3.5rem; border-radius: 0.85rem; }
.sa-protected { margin-top: 1rem; }

@media (max-width: 900px) {
    .sa-registration-main { grid-template-columns: 1fr; gap: 1.5rem; }
    .sa-registration-intro { position: relative; top: auto; }
    .sa-registration-intro h1 { max-width: 15ch; }
    .sa-registration-benefits { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
    .sa-registration-header,
    .sa-registration-main { width: min(100% - 2rem, 72rem); }
    .sa-registration-header { min-height: 4.5rem; gap: 0.75rem; }
    .sa-registration-actions { gap: 0.45rem; }
    .sa-registration-actions .sa-language label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .sa-registration-login { min-height: 2.5rem; padding: 0 0.75rem; font-size: 0.75rem; }
    .sa-registration-main { padding: 1rem 0 2rem; gap: 1rem; }
    .sa-registration-intro { padding: 1.35rem; border-radius: 1.25rem; }
    .sa-registration-intro h1 { margin-bottom: 0.7rem; font-size: clamp(2rem, 10vw, 2.85rem); }
    .sa-registration-intro .sa-story-text { font-size: 0.86rem; }
    .sa-registration-benefits { margin-top: 1rem; grid-template-columns: 1fr; gap: 0.45rem; }
    .sa-registration-benefits li { font-size: 0.76rem; }
    .sa-registration-benefits li span { width: 1.35rem; height: 1.35rem; }
    .sa-registration-card { padding: 1.2rem; border-radius: 1.25rem; }
    .sa-registration-card .sa-form-heading { margin-bottom: 1.1rem; }
    .sa-registration-card .sa-form-heading h2 { font-size: 2rem; }
    .sa-form-grid { grid-template-columns: 1fr; gap: 0.9rem; }
    .sa-registration-form .sa-input { min-height: 3.2rem; }
}

/* Login: deliberately simple, focused authentication surface */
.sa-login-shell {
    display: block;
    min-height: 100vh;
    min-height: 100svh;
    background:
        radial-gradient(circle at 12% 12%, rgba(189, 95, 61, 0.11), transparent 24rem),
        radial-gradient(circle at 88% 88%, rgba(23, 53, 44, 0.09), transparent 25rem),
        var(--sa-paper);
}

.sa-login-shell .sa-story { display: none; }

.sa-login-shell .sa-panel {
    min-height: 100vh;
    min-height: 100svh;
    padding: 6.5rem 1.25rem 3rem;
    background: transparent;
    align-items: center;
}

.sa-login-brand {
    position: absolute;
    top: 1.5rem;
    left: clamp(1.25rem, 4vw, 3.5rem);
    color: var(--sa-ink);
}

[dir="rtl"] .sa-login-brand {
    right: clamp(1.25rem, 4vw, 3.5rem);
    left: auto;
}

.sa-login-shell .sa-language {
    top: 1.25rem;
    right: clamp(1.25rem, 4vw, 3.5rem);
}

[dir="rtl"] .sa-login-shell .sa-language {
    right: auto;
    left: clamp(1.25rem, 4vw, 3.5rem);
}

.sa-login-shell .sa-card {
    width: min(100%, 440px);
    padding: clamp(1.6rem, 4vw, 2.35rem);
    border: 1px solid rgba(23, 53, 44, 0.13);
    border-radius: 1.35rem;
    background: rgba(255, 253, 248, 0.9);
    box-shadow: 0 22px 65px rgba(23, 53, 44, 0.11);
    backdrop-filter: blur(14px);
}

.sa-login-shell .sa-card h2 {
    margin: 0.15rem 0 0.55rem;
    font-size: clamp(2.35rem, 5vw, 3.25rem);
    line-height: 1.05;
}

[dir="rtl"] .sa-login-shell .sa-card h2 {
    font-size: clamp(2rem, 5vw, 2.7rem);
    line-height: 1.35;
}

.sa-login-shell .sa-eyebrow { margin-bottom: 0.7rem; }
.sa-login-shell .sa-intro { margin-bottom: 1.65rem; font-size: 0.9rem; }
.sa-login-shell .sa-field { margin-bottom: 1rem; }
.sa-login-shell .sa-input { height: 3.35rem; background: #fff; }
.sa-login-shell .sa-submit { height: 3.45rem; margin-top: 1.25rem; box-shadow: 0 12px 26px rgba(23, 53, 44, 0.15); }
.sa-login-shell .sa-register { margin-top: 1.15rem; font-size: 0.82rem; }

.sa-login-shell .sa-support {
    display: block;
    margin-top: 1.15rem;
    padding: 0;
    border: 0;
    background: transparent;
}

.sa-login-shell .sa-support > div:first-child { display: none; }
.sa-login-shell .sa-support-links { flex-direction: row; justify-content: center; text-align: center; }
.sa-login-shell .sa-support-links a + a { padding-inline-start: 0.65rem; border-inline-start: 1px solid var(--sa-line); }
.sa-login-shell .sa-secure { margin-top: 1rem; }

.sa-auth-login .sa-flash { top: 4.75rem; }

@media (max-width: 520px) {
    .sa-login-shell .sa-panel {
        padding: 6rem 1rem 1.5rem;
        align-items: flex-start;
    }

    .sa-login-brand { top: 1.15rem; left: 1rem; }
    [dir="rtl"] .sa-login-brand { right: 1rem; left: auto; }
    .sa-login-shell .sa-language { top: 1rem; right: 1rem; left: auto; width: auto; }
    [dir="rtl"] .sa-login-shell .sa-language { right: auto; left: 1rem; }
    .sa-login-shell .sa-language label { display: none; }
    .sa-login-shell .sa-language select { min-width: 7.25rem; }
    .sa-login-shell .sa-card { padding: 1.4rem; border-radius: 1.1rem; }
    .sa-login-shell .sa-card h2 { font-size: 2.35rem; }
    [dir="rtl"] .sa-login-shell .sa-card h2 { font-size: 2rem; }
    .sa-auth-login .sa-flash { top: 4.5rem; width: calc(100% - 2rem); }
}

/* Storex login palette and transient authentication feedback */
.sa-auth-login .sa-login-shell {
    --sa-ink: #18213a;
    --sa-paper: #f4f6fc;
    --sa-rust: #6174eb;
    --sa-line: rgba(97, 116, 235, 0.18);
    --sa-muted: #727b91;
    --sa-white: #ffffff;
    background:
        radial-gradient(circle at 12% 12%, rgba(97, 116, 235, 0.13), transparent 24rem),
        radial-gradient(circle at 88% 88%, rgba(76, 94, 224, 0.08), transparent 25rem),
        var(--sa-paper);
}

.sa-auth-login .sa-login-shell .sa-card {
    border-color: rgba(97, 116, 235, 0.16);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 22px 60px rgba(34, 48, 92, 0.12);
}

.sa-auth-login .sa-login-shell .sa-input:focus,
.sa-auth-login .sa-login-shell .sa-language:focus-within {
    border-color: #6174eb;
    box-shadow: 0 0 0 4px rgba(97, 116, 235, 0.12);
}

.sa-auth-login .sa-login-shell .sa-submit {
    background: linear-gradient(135deg, #6174eb 0%, #4c5ee0 100%);
    box-shadow: 0 14px 30px rgba(97, 116, 235, 0.28);
}

.sa-auth-login .sa-login-shell .sa-submit:hover {
    background: linear-gradient(135deg, #5669e7 0%, #4354d4 100%);
}

.sa-auth-login .sa-flash {
    position: fixed;
    top: 1rem;
    left: 50%;
    z-index: 2000;
    display: flex;
    width: min(calc(100% - 2rem), 34rem);
    margin: 0;
    padding: 0.9rem 1rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: #3347b3;
    text-align: start;
    border: 1px solid rgba(97, 116, 235, 0.28);
    border-radius: 1rem;
    background: #f5f7ff;
    box-shadow: 0 16px 38px rgba(34, 48, 92, 0.16);
    transform: translateX(-50%);
    animation: sa-login-flash-dismiss 5s ease forwards;
}

.sa-auth-login .sa-flash:hover,
.sa-auth-login .sa-flash:focus-within {
    animation-play-state: paused;
}

.sa-auth-login .sa-flash-message {
    flex: 1 1 auto;
}

.sa-auth-login .sa-flash-close {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    padding: 0;
    color: currentColor;
    font: inherit;
    font-size: 1.45rem;
    line-height: 1;
    border: 0;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
}

.sa-auth-login .sa-flash-close:hover,
.sa-auth-login .sa-flash-close:focus-visible {
    background: rgba(97, 116, 235, 0.11);
    outline: none;
}

@keyframes sa-login-flash-dismiss {
    0%, 88% {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }
    100% {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(-50%) translateY(-0.5rem);
    }
}

/* Storex onboarding steps 1 and 2: unified merchant platform surface */
.sa-onboarding {
    --onboarding-ink: #123f35;
    --onboarding-ink-soft: #276457;
    --onboarding-paper: #f7f1e6;
    --onboarding-card: #fffdf8;
    --onboarding-rust: #c65f3d;
    --onboarding-rust-dark: #a9482d;
    --onboarding-line: rgba(18, 63, 53, 0.15);
    --onboarding-muted: #687a73;
    min-height: 100vh;
    min-height: 100svh;
    padding-bottom: 3rem;
    color: var(--onboarding-ink);
    background:
        radial-gradient(circle at 7% 10%, rgba(198, 95, 61, 0.14), transparent 25rem),
        radial-gradient(circle at 92% 90%, rgba(18, 63, 53, 0.1), transparent 27rem),
        linear-gradient(180deg, #fbf7ef 0%, var(--onboarding-paper) 100%);
}

.sa-onboarding .sa-registration-header,
.sa-onboarding-progress,
.sa-onboarding .sa-registration-main,
.sa-verify-main {
    width: min(calc(100% - 3rem), 72rem);
    margin-inline: auto;
}

.sa-onboarding .sa-registration-header {
    min-height: 4.75rem;
    border-bottom-color: var(--onboarding-line);
}

.sa-onboarding .sa-brand-name { color: var(--onboarding-ink); }
.sa-onboarding .sa-registration-actions { gap: 0.75rem; }

.sa-onboarding .sa-registration-login,
.sa-onboarding .sa-language {
    min-height: 2.65rem;
    border-color: var(--onboarding-line);
    background: rgba(255, 253, 248, 0.72);
}

.sa-onboarding .sa-registration-login:focus-visible,
.sa-onboarding .sa-language:focus-within,
.sa-onboarding a:focus-visible,
.sa-onboarding button:focus-visible,
.sa-onboarding input:focus-visible,
.sa-onboarding select:focus-visible {
    outline: 3px solid rgba(198, 95, 61, 0.28);
    outline-offset: 3px;
}

.sa-onboarding-progress { padding: 1.25rem 0 0; }

.sa-onboarding-progress ol {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
}

.sa-onboarding-progress li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
    color: #819089;
    font-size: 0.75rem;
    font-weight: 800;
}

.sa-onboarding-progress li:not(:last-child)::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    inset-inline-start: 2.35rem;
    width: calc(100% - 2.7rem);
    height: 1px;
    background: var(--onboarding-line);
}

.sa-progress-index,
.sa-progress-label {
    position: relative;
    z-index: 1;
}

.sa-progress-index {
    width: 1.95rem;
    height: 1.95rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border: 1px solid #cbd3ce;
    border-radius: 50%;
    background: var(--onboarding-card);
    color: #7a8982;
    font-size: 0.72rem;
}

.sa-progress-label {
    padding-inline-end: 0.55rem;
    background: #faf6ed;
}

.sa-onboarding-progress .is-current { color: var(--onboarding-ink); }

.sa-onboarding-progress .is-current .sa-progress-index {
    border-color: var(--onboarding-rust);
    background: var(--onboarding-rust);
    color: #fff;
    box-shadow: 0 0 0 0.3rem rgba(198, 95, 61, 0.12);
}

.sa-onboarding-progress .is-complete { color: var(--onboarding-ink-soft); }

.sa-onboarding-progress .is-complete .sa-progress-index {
    border-color: var(--onboarding-ink-soft);
    background: var(--onboarding-ink-soft);
    color: #fff;
}

.sa-onboarding-progress .is-complete::after { background: var(--onboarding-ink-soft); }

.sa-onboarding .sa-registration-main,
.sa-verify-main {
    padding: clamp(1.5rem, 3.5vw, 2.75rem) 0 0;
    display: grid;
    grid-template-columns: minmax(18rem, 0.82fr) minmax(34rem, 1.18fr);
    align-items: start;
    gap: clamp(1.5rem, 4vw, 3.5rem);
}

.sa-onboarding .sa-registration-intro {
    top: 1.5rem;
    padding: clamp(1.55rem, 2.7vw, 2.2rem);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at 100% 0, rgba(198, 95, 61, 0.32), transparent 17rem),
        linear-gradient(150deg, #16483c 0%, var(--onboarding-ink) 72%);
    box-shadow: 0 1.5rem 3.5rem rgba(18, 63, 53, 0.15);
}

.sa-onboarding .sa-registration-intro h1 {
    max-width: 13ch;
    margin: 0.55rem 0 0.85rem;
    font-size: clamp(2.25rem, 3.7vw, 3.65rem);
    line-height: 1.02;
}

.sa-onboarding[dir="rtl"] .sa-registration-intro h1 {
    max-width: 15ch;
    font-size: clamp(2rem, 3.4vw, 3.15rem);
    line-height: 1.35;
}

.sa-onboarding .sa-registration-intro .sa-story-text {
    font-size: 0.86rem;
    line-height: 1.65;
}

.sa-onboarding .sa-registration-benefits {
    margin-top: 1.35rem;
    gap: 0.55rem;
}

.sa-onboarding .sa-registration-benefits li {
    align-items: flex-start;
    padding: 0.72rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.055);
}

.sa-onboarding .sa-registration-benefits .sa-benefit-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.05rem;
}

.sa-onboarding .sa-registration-benefits li > .sa-benefit-copy {
    width: auto;
    height: auto;
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    align-items: start;
    justify-items: start;
    gap: 0.15rem;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font-size: inherit;
}

.sa-onboarding[dir="rtl"] .sa-registration-benefits li > .sa-benefit-copy {
    justify-items: end;
    text-align: right;
}

.sa-benefit-copy strong {
    color: #fff9ed;
    font-size: 0.78rem;
    line-height: 1.35;
}

.sa-benefit-copy small {
    color: rgba(255, 249, 237, 0.64);
    font-size: 0.7rem;
    font-weight: 500;
    line-height: 1.45;
}

.sa-onboarding .sa-registration-card,
.sa-verify-card {
    width: 100%;
    margin: 0;
    padding: clamp(1.35rem, 2.8vw, 2.15rem);
    border: 1px solid var(--onboarding-line);
    border-radius: 1.5rem;
    background: rgba(255, 253, 248, 0.95);
    box-shadow: 0 1.4rem 3.5rem rgba(18, 63, 53, 0.09);
}

.sa-onboarding .sa-registration-card .sa-form-heading,
.sa-verify-card .sa-form-heading { margin-bottom: 1.15rem; }

.sa-onboarding .sa-registration-card .sa-form-heading h2,
.sa-verify-card .sa-form-heading h2 {
    margin: 0.28rem 0 0.4rem;
    color: var(--onboarding-ink);
    font-size: clamp(1.85rem, 3vw, 2.65rem);
    line-height: 1.08;
}

.sa-onboarding[dir="rtl"] .sa-form-heading h2 {
    font-family: "Noto Arabic Storex", Tahoma, sans-serif;
    letter-spacing: 0;
    line-height: 1.35;
}

.sa-onboarding .sa-form-heading > p:last-child {
    color: var(--onboarding-muted);
    font-size: 0.82rem;
    line-height: 1.5;
}

.sa-onboarding .sa-registration-form { gap: 0.78rem; }
.sa-onboarding .sa-form-grid { gap: 0.78rem; }

.sa-onboarding .sa-registration-form .sa-field label {
    margin-bottom: 0.35rem;
    font-size: 0.75rem;
}

.sa-onboarding .sa-registration-form .sa-input {
    min-height: 3rem;
    padding-inline: 0.9rem;
    border-color: #d4dbd6;
    border-radius: 0.75rem;
    background: #fffefa;
    font-size: 0.86rem;
}

.sa-onboarding .sa-registration-form .sa-input:focus {
    border-color: var(--onboarding-ink-soft);
    box-shadow: 0 0 0 0.22rem rgba(39, 100, 87, 0.12);
}

.sa-onboarding .sa-registration-form input[type="email"],
.sa-onboarding .sa-registration-form input[type="tel"],
.sa-onboarding .sa-registration-form input[type="password"] {
    direction: ltr;
    text-align: left;
}

.sa-onboarding .sa-field-help,
.sa-onboarding .sa-terms { font-size: 0.72rem; }

.sa-onboarding .sa-registration-form .sa-submit,
.sa-verify-card .sa-submit {
    min-height: 3.25rem;
    border-radius: 0.8rem;
    background: var(--onboarding-ink);
    box-shadow: 0 0.8rem 1.7rem rgba(18, 63, 53, 0.17);
    font-size: 0.84rem;
    letter-spacing: 0;
    text-transform: none;
}

.sa-onboarding .sa-submit:hover {
    background: #0d332b;
    box-shadow: 0 1rem 2rem rgba(18, 63, 53, 0.22);
    transform: translateY(-1px);
}

.sa-onboarding .sa-protected { margin-top: 0.85rem; }
.sa-verify-intro { position: sticky; }
.sa-verify-card { min-width: 0; }

.sa-email-mask {
    display: inline-block;
    max-width: 100%;
    margin-inline-start: 0.2rem;
    color: var(--onboarding-ink);
    font-weight: 800;
    overflow-wrap: anywhere;
}

.sa-verify-form {
    display: grid;
    gap: 1rem;
}

.sa-otp-help {
    margin: 0;
    color: var(--onboarding-muted);
    font-size: 0.78rem;
}

.sa-otp-grid {
    direction: ltr;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: clamp(0.38rem, 1vw, 0.7rem);
    width: min(100%, 28rem);
    margin: 0.15rem auto 0;
}

.sa-otp-grid .otp-box {
    width: 100%;
    min-width: 0;
    height: clamp(3.2rem, 6vw, 3.8rem);
    padding: 0;
    border: 1px solid #d0d9d3;
    border-radius: 0.75rem;
    background: #fffefa;
    color: var(--onboarding-ink);
    font-family: "Manrope Storex", sans-serif;
    font-size: clamp(1.25rem, 2.5vw, 1.65rem);
    font-weight: 800;
    text-align: center;
    caret-color: var(--onboarding-rust);
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.sa-otp-grid .otp-box:focus {
    border-color: var(--onboarding-rust);
    background: #fff;
    box-shadow: 0 0 0 0.22rem rgba(198, 95, 61, 0.12);
    transform: none;
}

.sa-otp-grid .otp-box.has-value {
    border-color: var(--onboarding-ink-soft);
    background: #f3f8f5;
}

.sa-countdown {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    margin: 0;
    color: var(--onboarding-muted);
    font-size: 0.75rem;
}

.sa-countdown-dot {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: #38aa7b;
    box-shadow: 0 0 0 0.22rem rgba(56, 170, 123, 0.12);
}

.sa-countdown.expired { color: #a83f2b; font-weight: 800; }
.sa-countdown.expired .sa-countdown-dot { background: var(--onboarding-rust); }

.sa-verify-card .btn-verify {
    width: 100%;
    margin: 0;
    border: 0;
    cursor: pointer;
}

.sa-verify-card .btn-verify:disabled {
    cursor: not-allowed;
    opacity: 0.58;
    transform: none;
}

.sa-resend {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.35rem 0.55rem;
    color: var(--onboarding-muted);
    font-size: 0.76rem;
    text-align: center;
}

.sa-resend .resend-link {
    margin: 0;
    color: var(--onboarding-rust-dark);
    font-weight: 800;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18rem;
}

.sa-resend .resend-link:hover { color: #80351f; }
.sa-resend .resend-link.disabled { color: #8f9b95; text-decoration: none; }
.sa-resend-feedback { flex-basis: 100%; color: var(--onboarding-muted); }
.sa-resend-feedback.is-success { color: #26765b; }
.sa-resend-feedback.is-error { color: #a83f2b; }

.sa-verify-card .message,
.sa-verify-card .error,
.sa-verify-card .success {
    margin: 0 0 1rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid rgba(198, 95, 61, 0.22);
    border-radius: 0.75rem;
    background: rgba(198, 95, 61, 0.08);
    color: #913a25;
    font-size: 0.78rem;
}

@media (max-width: 900px) {
    .sa-onboarding .sa-registration-main,
    .sa-verify-main {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .sa-onboarding .sa-registration-intro,
    .sa-verify-intro {
        position: relative;
        top: auto;
    }

    .sa-onboarding .sa-registration-intro h1 { max-width: 18ch; }

    .sa-onboarding .sa-registration-benefits {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .sa-onboarding { padding-bottom: 1.5rem; }

    .sa-onboarding .sa-registration-header,
    .sa-onboarding-progress,
    .sa-onboarding .sa-registration-main,
    .sa-verify-main {
        width: min(calc(100% - 2rem), 72rem);
    }

    .sa-onboarding .sa-registration-header {
        min-height: 4.35rem;
        gap: 0.6rem;
    }

    .sa-onboarding .sa-brand-name { font-size: 1rem; }
    .sa-onboarding .sa-brand-mark { width: 2.15rem; height: 2.15rem; }
    .sa-onboarding .sa-registration-actions { gap: 0.35rem; }

    .sa-onboarding .sa-registration-login {
        min-height: 2.35rem;
        padding-inline: 0.65rem;
        font-size: 0.69rem;
    }

    .sa-onboarding .sa-language label {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .sa-onboarding .sa-language select {
        min-width: 6.7rem;
        min-height: 2.35rem;
        padding-inline: 0.65rem 1.7rem;
        font-size: 0.72rem;
    }

    .sa-onboarding-progress { padding-top: 0.9rem; }

    .sa-onboarding-progress li {
        display: grid;
        justify-items: center;
        gap: 0.35rem;
        text-align: center;
    }

    .sa-onboarding-progress li:not(:last-child)::after {
        top: 0.98rem;
        inset-inline-start: calc(50% + 1rem);
        width: calc(100% - 2rem);
    }

    .sa-progress-label {
        padding: 0;
        background: transparent;
        font-size: 0.62rem;
        line-height: 1.2;
    }

    .sa-progress-index { width: 1.8rem; height: 1.8rem; }

    .sa-onboarding .sa-registration-main,
    .sa-verify-main { padding-top: 1.1rem; }

    .sa-onboarding .sa-registration-intro {
        padding: 1.25rem;
        border-radius: 1.1rem;
    }

    .sa-onboarding .sa-registration-intro h1 {
        margin-bottom: 0.6rem;
        font-size: clamp(1.85rem, 9vw, 2.55rem);
    }

    .sa-onboarding[dir="rtl"] .sa-registration-intro h1 {
        font-size: clamp(1.75rem, 8vw, 2.25rem);
    }

    .sa-onboarding .sa-registration-benefits {
        grid-template-columns: 1fr;
        margin-top: 0.9rem;
        gap: 0.4rem;
    }

    .sa-onboarding .sa-registration-benefits li { padding: 0.58rem; }
    .sa-benefit-copy small { font-size: 0.67rem; }

    .sa-onboarding .sa-registration-card,
    .sa-verify-card {
        padding: 1.15rem;
        border-radius: 1.1rem;
    }

    .sa-onboarding .sa-registration-card .sa-form-heading h2,
    .sa-verify-card .sa-form-heading h2 { font-size: 1.75rem; }

    .sa-onboarding .sa-form-grid { grid-template-columns: 1fr; }
    .sa-onboarding .sa-registration-form .sa-input { min-height: 3.05rem; }
    .sa-otp-grid { gap: 0.3rem; }

    .sa-otp-grid .otp-box {
        height: 3.05rem;
        border-radius: 0.6rem;
        font-size: 1.2rem;
    }
}

@media (max-width: 390px) {
    .sa-onboarding .sa-registration-login {
        width: 2.4rem;
        padding: 0;
        overflow: hidden;
        color: var(--onboarding-ink);
        font-size: 0;
    }

    .sa-onboarding .sa-registration-login::before {
        content: "→";
        color: var(--onboarding-ink);
        font-size: 1rem;
    }

    .sa-onboarding[dir="rtl"] .sa-registration-login::before { content: "←"; }

    .sa-onboarding .sa-registration-login:hover::before,
    .sa-onboarding .sa-registration-login:focus-visible::before { color: #fff; }

    .sa-onboarding .sa-language select { min-width: 6rem; }
}

@media (prefers-reduced-motion: reduce) {
    .sa-onboarding *,
    .sa-onboarding *::before,
    .sa-onboarding *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* Storex responsive corrections - 2026-09-02 */
.sa-onboarding .sa-registration-header,
.sa-onboarding .sa-onboarding-progress,
.sa-onboarding .sa-registration-main,
.sa-onboarding .sa-verify-main {
    width: min(calc(100% - 3rem), 69.375rem);
}

@media (min-width: 901px) {
    .sa-onboarding .sa-registration-main,
    .sa-onboarding .sa-verify-main {
        align-items: stretch;
        gap: 2.25rem;
        grid-template-columns: minmax(19rem, .82fr) minmax(34rem, 1.18fr);
    }

    .sa-onboarding .sa-registration-card,
    .sa-onboarding .sa-verify-card {
        max-width: none;
        width: 100%;
    }

    .sa-onboarding .sa-registration-intro,
    .sa-onboarding .sa-verify-intro {
        height: 100%;
    }
}

@media (max-width: 640px) {
    .sa-onboarding .sa-registration-header,
    .sa-onboarding .sa-onboarding-progress,
    .sa-onboarding .sa-registration-main,
    .sa-onboarding .sa-verify-main {
        width: min(calc(100% - 1.25rem), 69.375rem);
    }

    .sa-onboarding:not(.sa-onboarding--verification) .sa-registration-intro {
        padding: 1.1rem;
    }

    .sa-onboarding:not(.sa-onboarding--verification) .sa-registration-intro h1 {
        font-size: clamp(1.7rem, 8vw, 2.2rem);
        line-height: 1.08;
        margin-bottom: .55rem;
    }

    .sa-onboarding:not(.sa-onboarding--verification) .sa-registration-intro .sa-story-text {
        font-size: .88rem;
        margin-bottom: .85rem;
    }

    .sa-onboarding:not(.sa-onboarding--verification) .sa-registration-benefits {
        display: grid;
        gap: .45rem;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-top: .75rem;
    }

    .sa-onboarding:not(.sa-onboarding--verification) .sa-registration-benefits li {
        align-items: center;
        display: grid;
        gap: .35rem;
        justify-items: center;
        min-width: 0;
        padding: .55rem .35rem;
        text-align: center;
    }

    .sa-onboarding:not(.sa-onboarding--verification) .sa-registration-benefits li > .sa-benefit-copy {
        justify-items: center;
        text-align: center;
    }

    .sa-onboarding:not(.sa-onboarding--verification) .sa-registration-benefits strong {
        font-size: .68rem;
        line-height: 1.25;
    }

    .sa-onboarding:not(.sa-onboarding--verification) .sa-registration-benefits small {
        display: none;
    }

    .sa-onboarding--verification .sa-verify-main {
        display: flex;
        flex-direction: column;
        gap: .85rem;
    }

    .sa-onboarding--verification .sa-verify-card {
        order: 1;
        padding: 1.15rem;
    }

    .sa-onboarding--verification .sa-verify-intro {
        order: 2;
        padding: 1rem;
    }

    .sa-onboarding--verification .sa-verify-intro .sa-eyebrow,
    .sa-onboarding--verification .sa-verify-intro .sa-registration-benefits,
    .sa-onboarding--verification .sa-verify-card > .sa-eyebrow {
        display: none;
    }

    .sa-onboarding--verification .sa-verify-intro h1 {
        font-size: 1.45rem;
        line-height: 1.1;
        margin: 0 0 .35rem;
    }

    .sa-onboarding--verification .sa-verify-intro .sa-story-text {
        font-size: .82rem;
        line-height: 1.5;
        margin: 0;
    }

    .sa-onboarding--verification .sa-form-heading {
        margin-bottom: .8rem;
    }

    .sa-onboarding--verification .sa-form-heading h2 {
        font-size: 1.55rem;
        line-height: 1.12;
    }

    .sa-onboarding--verification .sa-otp-grid {
        gap: .35rem;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        width: 100%;
    }

    .sa-onboarding--verification .sa-otp-grid .otp-box {
        aspect-ratio: 1 / 1.08;
        font-size: 1.25rem;
        height: auto;
        min-width: 0;
        padding: 0;
        width: 100%;
    }
}

@media (max-width: 390px) {
    .sa-onboarding .sa-registration-login {
        color: var(--sa-ink, #143d33);
        font-size: .66rem;
        min-width: 6rem;
        overflow: visible;
        padding-inline: .65rem;
        width: auto;
    }

    .sa-onboarding .sa-registration-login::before {
        content: none;
    }
}
/* OTP desktop centering - 2026-09-02 */
@media (min-width: 901px) {
    .sa-onboarding--verification .sa-verify-main {
        grid-column: 1 / -1;
        justify-self: center;
        margin-inline: auto;
        width: min(calc(100% - 3rem), 69.375rem);
    }
}

/* Storex brand chart - 2026-09-02 */
:root {
    --sa-ink: #18213a;
    --sa-paper: #f4f6fc;
    --sa-rust: #6174eb;
    --sa-line: rgba(24, 33, 58, .12);
    --sa-muted: #727b91;
    --sa-white: #ffffff;
}

.sa-shell {
    background-color: #f4f6fc;
    color: #18213a;
}

.sa-onboarding {
    --onboarding-ink: #18213a;
    --onboarding-ink-soft: #4c5ee0;
    --onboarding-paper: #f4f6fc;
    --onboarding-card: #ffffff;
    --onboarding-rust: #6174eb;
    --onboarding-rust-dark: #4c5ee0;
    --onboarding-line: rgba(24, 33, 58, .12);
    --onboarding-muted: #727b91;
    --onboarding-success: #38aa7b;
    --onboarding-success-dark: #26765b;
    background: #f4f6fc;
    color: #18213a;
}

.sa-onboarding .sa-brand-mark {
    background: #6174eb;
    color: #ffffff;
}

.sa-onboarding .sa-brand-name,
.sa-onboarding .sa-registration-login,
.sa-onboarding .sa-language label,
.sa-onboarding .sa-language select {
    color: #18213a;
}

.sa-onboarding .sa-registration-login:hover,
.sa-onboarding .sa-registration-login:focus,
.sa-onboarding .sa-resend .resend-link,
.sa-onboarding .sa-resend .resend-link:hover,
.sa-onboarding .sa-resend .resend-link:focus {
    color: #4c5ee0;
}

.sa-onboarding-progress .is-current,
.sa-onboarding-progress .is-current .sa-progress-label {
    color: #6174eb;
}

.sa-onboarding-progress .is-current .sa-progress-index {
    background: #6174eb;
    border-color: #6174eb;
    box-shadow: 0 0 0 .35rem rgba(97, 116, 235, .14);
    color: #ffffff;
}

.sa-onboarding-progress .is-complete,
.sa-onboarding-progress .is-complete .sa-progress-label {
    color: #26765b;
}

.sa-onboarding-progress .is-complete .sa-progress-index {
    background: #38aa7b;
    border-color: #38aa7b;
    color: #ffffff;
}

.sa-onboarding .sa-registration-intro,
.sa-onboarding .sa-verify-intro {
    background: linear-gradient(145deg, #18213a 0%, #4c5ee0 100%);
    color: #ffffff;
}

.sa-onboarding .sa-registration-intro .sa-eyebrow,
.sa-onboarding .sa-verify-intro .sa-eyebrow {
    color: #dfe4ff;
}

.sa-onboarding .sa-registration-intro .sa-story-text,
.sa-onboarding .sa-verify-intro .sa-story-text,
.sa-onboarding .sa-registration-intro small,
.sa-onboarding .sa-verify-intro small {
    color: rgba(255, 255, 255, .78);
}

.sa-onboarding .sa-registration-benefits li {
    border-color: rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .08);
}

.sa-onboarding .sa-registration-card,
.sa-onboarding .sa-verify-card {
    background: #ffffff;
    border-color: rgba(24, 33, 58, .12);
    color: #18213a;
}

.sa-registration-form .sa-input:focus,
.sa-otp-grid .otp-box:focus,
.sa-otp-grid .otp-box.has-value,
.sa-onboarding .sa-language select:focus {
    border-color: #6174eb;
    box-shadow: 0 0 0 .24rem rgba(97, 116, 235, .18);
    outline: none;
}

.sa-onboarding .sa-submit {
    background: #6174eb;
    box-shadow: 0 .8rem 1.7rem rgba(97, 116, 235, .24);
    color: #ffffff;
}

.sa-onboarding .sa-submit:hover,
.sa-onboarding .sa-submit:focus {
    background: #4c5ee0;
    color: #ffffff;
}

.sa-verify-card .success {
    background: rgba(56, 170, 123, .09);
    border-color: rgba(56, 170, 123, .25);
    color: #26765b;
}

.sa-verify-card .error,
.sa-registration-form .error-message {
    color: #d14343;
}

/* Storex brand chart specificity fixes */
.sa-auth-login .sa-submit,
.sa-onboarding .sa-submit {
    background: #6174eb !important;
    background-image: none !important;
    box-shadow: 0 .8rem 1.7rem rgba(97, 116, 235, .24) !important;
    color: #ffffff !important;
}

.sa-auth-login .sa-submit:hover,
.sa-auth-login .sa-submit:focus,
.sa-onboarding .sa-submit:hover,
.sa-onboarding .sa-submit:focus {
    background: #4c5ee0 !important;
}

.sa-onboarding .sa-benefit-icon {
    background: rgba(255, 255, 255, .13) !important;
    color: #dfe4ff !important;
}