:root{color-scheme:light;--green:#147d5b;--ink:#1f332a}*{box-sizing:border-box}body{margin:0;font:16px/1.6 Tajawal,Arial,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 15% 12%,#d3e4dd,transparent 52%),#f0f6f3}.preferences-shell{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:28px 16px}.preferences-card{width:min(490px,100%);background:#fff;padding:30px;border:1px solid #d9e7e1;border-radius:26px;box-shadow:0 18px 65px #233a3014}.preferences-brand{display:flex;justify-content:center;text-decoration:none;color:var(--green)}.salla-wordmark{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#147d5b}.salla-wordmark>span{display:grid;gap:4px;text-align:center}.salla-wordmark strong{font:800 32px/1.15 Tajawal,Arial,sans-serif}.salla-wordmark small{font:600 12px/1.2 Tajawal,Arial,sans-serif;letter-spacing:2px}.preferences-heading{text-align:center;margin:24px 0}.preferences-heading h1{margin:0;font-size:26px}.preferences-heading p{margin:5px 0;font-size:14px;color:#526c61}.preferences-heading p:first-of-type{font-size:18px;color:var(--green);font-weight:600}fieldset{border:0;padding:0;margin:0 0 20px}legend,.preferences-currency{font-weight:700;margin-bottom:10px}legend span,.preferences-currency span{font-weight:500;color:#597368}.preferences-languages{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preferences-languages label{position:relative;display:grid;justify-items:center;gap:1px;padding:15px;border:1px solid #d2e4dc;border-radius:13px;cursor:pointer;background:#fff}.preferences-languages label:has(input:checked){background:#eaf2ef;border:2px solid var(--green);padding:14px}.preferences-languages label:focus-within{outline:3px solid #81b49e;outline-offset:3px}.preferences-languages input{position:absolute;inset-inline-start:12px;top:12px;accent-color:var(--green)}.preferences-languages span{font-weight:700;font-size:18px}.preferences-languages small{color:#597368}.preferences-currency{display:block}select{width:100%;min-height:50px;background:#fff;color:var(--ink);border:1px solid #cadfd6;border-radius:11px;padding:9px 13px;font:inherit}select:focus{outline:3px solid #d1e2db;border-color:var(--green)}.preferences-submit{width:100%;margin-top:24px;min-height:51px;border:1px solid var(--green);border-radius:12px;background:var(--green);color:#fff;font:700 17px Tajawal,Arial,sans-serif;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer}.preferences-submit:hover{background:#0f6348}.preferences-submit:focus-visible{outline:3px solid #66a389;outline-offset:3px}.preferences-submit:disabled{opacity:.55;cursor:default}.preferences-note{text-align:center;color:#597368;font-size:12px;margin:17px 0 0}.preferences-errors{background:#fff3f2;color:#a52f28;padding:8px 13px;border-radius:9px;margin-bottom:16px}.preferences-errors ul{padding-inline-start:20px;margin:4px 0}[hidden]{display:none!important}[dir=ltr] .preferences-submit svg{transform:rotate(180deg)}@media(max-width:420px){.preferences-card{padding:24px 20px;border-radius:22px}.preferences-heading h1{font-size:23px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

body{background:linear-gradient(105deg,#eaf3ee,#fff)}:root{--green:#147d5b;--ink:#243b31}