:root{color-scheme:dark;--welcome-bg:#02051a;--welcome-panel:#090e29;--welcome-text:#f4f5ff;--welcome-muted:#a6adcb;--welcome-border:#ffffff12;--welcome-card:#ffffff04;--welcome-accent:#91afff}
*{box-sizing:border-box}
body.country-welcome{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse at 50% 45%,#1e31512b,transparent 65%),var(--welcome-bg);color:var(--welcome-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5}
.country-panel{width:100%;max-width:640px;border:1px solid #759eff30;border-radius:24px;background:var(--welcome-panel);box-shadow:0 24px 100px #0003,0 0 70px #578cff0a;overflow:hidden}
.country-panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 32px;border-bottom:1px solid var(--welcome-border)}
.welcome-brand{display:inline-flex;gap:10px;align-items:center;font-size:22px;font-weight:750;letter-spacing:-1px;color:var(--welcome-text);text-decoration:none}
.welcome-brand img{object-fit:contain}.welcome-brand .welcome-logo-light{display:none}.brand-dot{color:var(--welcome-accent)}
.welcome-brand-arabic{font-family:"Noto Kufi Arabic",Tahoma,sans-serif;font-size:22px;font-weight:700;letter-spacing:0;line-height:1.5}
.welcome-language{display:grid;place-items:center;min-width:64px;min-height:44px;padding:6px 14px;border:1px solid var(--welcome-border);border-radius:24px;color:var(--welcome-muted);text-decoration:none;font-size:14px}
.country-panel-content{padding:32px}.welcome-eyebrow{margin:0 0 12px;font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--welcome-accent)}
h1{font-size:clamp(25px,5vw,34px);letter-spacing:-1.1px;line-height:1.25;margin:0 0 12px}.welcome-description{max-width:460px;font-size:15px;margin:0;color:var(--welcome-muted)}
.welcome-countries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
.welcome-country{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 12px 18px;border:1px solid var(--welcome-border);border-radius:14px;background:var(--welcome-card);color:var(--welcome-text);text-decoration:none;transition:transform .18s}
.welcome-flag{font-size:40px;line-height:1.2;margin-bottom:16px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.welcome-country strong{font-size:18px}.welcome-currency{margin-top:4px;font-size:12px;color:var(--welcome-muted)}
.welcome-browse{display:flex;gap:10px;align-items:center;margin-top:20px;font-size:12px;font-weight:600;color:var(--welcome-accent)}
.welcome-note{padding:18px 24px;margin:0;text-align:center;color:var(--welcome-muted);font-size:12px;border-top:1px solid var(--welcome-border);background:#578cff05}
a:focus-visible{outline:3px solid var(--welcome-accent);outline-offset:4px}.welcome-language:hover{color:var(--welcome-text)}
@media(hover:hover){.welcome-country:hover{border-color:#759eff88;background:#759eff10;transform:translateY(-3px)}}
[dir=rtl] .welcome-browse>span:last-child{transform:rotate(180deg)}[dir=rtl] h1,[dir=rtl] .welcome-eyebrow{letter-spacing:0}
/* Use the same data-theme selected by shared theme.js, never a separate preference. */
html[data-theme=light]{color-scheme:light;--welcome-bg:#f5f7ff;--welcome-panel:#fff;--welcome-text:#111a35;--welcome-muted:#63708f;--welcome-border:#182d541c;--welcome-card:#f7f9ff;--welcome-accent:#2868db}
html[data-theme=light] .welcome-logo-dark{display:none}
html[data-theme=light] .welcome-brand .welcome-logo-light{display:block}
html[data-theme=light] .country-panel{box-shadow:0 20px 70px #1f356614}
@media(max-width:420px){body.country-welcome{padding:20px 14px}.country-panel{border-radius:20px}.country-panel-top{padding:18px 20px}.country-panel-content{padding:26px 20px}.welcome-countries{gap:10px}.welcome-eyebrow{font-size:9px;letter-spacing:1px}.welcome-country{padding:22px 8px 16px}.welcome-currency{font-size:11px}.welcome-note{padding:16px 20px}}
@media(prefers-reduced-motion:reduce){.welcome-country{transition:none}}
@media(max-width:420px){.country-panel-top{gap:12px}.welcome-brand{font-size:20px;gap:8px}.welcome-brand img{width:32px;height:32px}}