/* Website on the same host. Mobile-first, RTL-ready; --accent comes from the panel settings. */
:root{--accent:#E0A33A;--bg:#0E1015;--text:#F2F2F5;--dim:#A0A5B2;--card:#171A22;--line:#2A2F3B}
@media (prefers-color-scheme:light){:root{--bg:#FAFAFB;--text:#14161C;--dim:#5E6472;--card:#FFFFFF;--line:#E4E6EC}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Tahoma,"Noto Sans Arabic",sans-serif}
a{color:var(--accent)}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}
.dot{display:inline-block;width:14px;height:14px;background:var(--accent);transform:rotate(45deg);border-radius:3px}
.preloader{position:fixed;inset:0;z-index:99;display:grid;place-items:center;background:var(--bg);transition:opacity .45s}
.preloader .dot{width:26px;height:26px;animation:spin 1.1s ease-in-out infinite}
.preloader.done{opacity:0;pointer-events:none}
@keyframes spin{to{transform:rotate(405deg)}}
.announce{background:var(--accent);color:#15110a;text-align:center;padding:9px 16px;font-weight:600}
.nav{padding:16px 0}
.logo{display:flex;align-items:center;gap:10px;font-size:18px}
.hero{padding:12vh 18px 14vh;text-align:center;animation:rise .6s ease both}
.hero h1{font-size:clamp(34px,7vw,64px);line-height:1.1;margin:0 0 14px}
.lead{font-size:clamp(17px,2.4vw,21px);color:var(--dim);max-width:640px;margin:0 auto 30px}
.cta{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:15px 30px;border-radius:18px;background:var(--accent);color:#15110a;font-weight:700;font-size:18px;text-decoration:none;box-shadow:0 12px 40px color-mix(in srgb,var(--accent) 35%,transparent);transition:transform .15s}
.cta:hover{transform:translateY(-2px)}.cta small{font-weight:500;font-size:12px;opacity:.75}
.note{color:var(--dim)}
.foot{display:flex;justify-content:space-between;gap:12px;padding:26px 18px;color:var(--dim);border-top:1px solid var(--line)}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}