:root{
  /* Matensa brand */
  --indigo:#16009A; --indigo-2:#2A12C4; --violet:#5A0A9E; --magenta:#D4008A; --coral:#FF4D7A; --orange:#FFA733;
  --grad:linear-gradient(120deg,#16009A 0%,#5A0A9E 38%,#D4008A 68%,#FFA733 100%);
  --grad-warm:linear-gradient(110deg,#D4008A 0%,#FF4D7A 45%,#FFA733 100%);
  --hero:radial-gradient(120% 90% at 100% 0%,rgba(212,0,138,.55) 0%,rgba(212,0,138,0) 55%),radial-gradient(90% 70% at 0% 100%,rgba(255,167,51,.35) 0%,rgba(255,167,51,0) 60%),linear-gradient(160deg,#16009A 0%,#22069F 55%,#3B0A9E 100%);
  /* surfaces */
  --ink:#170F45; --ink-2:#5D587E; --ink-3:#9A96B5;
  --paper:#FFFFFF; --wash:#F6F4FC; --line:#E8E5F3; --tint:#EFEBFF;
  --ok:#0E9F6E; --ok-soft:#E3F6EE; --warn:#B86B00; --warn-soft:#FFF1DC; --bad:#D4004F; --bad-soft:#FDE6EE;
  --accent-ink:#16009A; --focus:#D4008A;
  --shadow:0 1px 0 rgba(22,0,154,.04),0 14px 34px -18px rgba(22,0,154,.35);
  --shadow-lift:0 18px 40px -16px rgba(212,0,138,.55);
  color-scheme:light; box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ink:#F2F0FB; --ink-2:#B5B0D6; --ink-3:#7D78A3;
    --paper:#1B1745; --wash:#110D33; --line:#2F2A64; --tint:#2A2270;
    --ok:#3DD39A; --ok-soft:#123B32; --warn:#FFB95C; --warn-soft:#3B2A12; --bad:#FF6E9C; --bad-soft:#3E1530;
    --accent-ink:#A99CFF; --shadow:0 1px 0 rgba(0,0,0,.3),0 14px 34px -18px rgba(0,0,0,.7);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --ink:#F2F0FB; --ink-2:#B5B0D6; --ink-3:#7D78A3;
  --paper:#1B1745; --wash:#110D33; --line:#2F2A64; --tint:#2A2270;
  --ok:#3DD39A; --ok-soft:#123B32; --warn:#FFB95C; --warn-soft:#3B2A12; --bad:#FF6E9C; --bad-soft:#3E1530;
  --accent-ink:#A99CFF; --shadow:0 1px 0 rgba(0,0,0,.3),0 14px 34px -18px rgba(0,0,0,.7);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:inherit}
html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;min-height:100%;display:flex;flex-direction:column;background:var(--wash);color:var(--ink);
  font-family:"Readex Pro",system-ui,"Segoe UI",Tahoma,"Noto Sans Arabic",sans-serif;font-size:17px;line-height:1.45;
  -webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.hidden{display:none!important}
.num{font-variant-numeric:tabular-nums}
.lat{font-family:Montserrat,"Readex Pro",system-ui,sans-serif}
a{color:var(--accent-ink)}

/* ---------- shared brand pieces ---------- */
.lockup{display:inline-flex;align-items:center;gap:12px;direction:ltr}
.lockup img{display:block;height:24px;width:auto}
.lockup .sf{height:40px}
.lockup .x{opacity:.7;font-weight:300;font-size:18px}
.decor{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.decor i{position:absolute;border-radius:999px;transform:rotate(-38deg)}
.decor i:nth-child(1){width:260px;height:120px;top:-30px;inset-inline-end:-60px;background:rgba(255,255,255,.08)}
.decor i:nth-child(2){width:180px;height:84px;top:90px;inset-inline-end:40px;background:linear-gradient(90deg,rgba(212,0,138,.7),rgba(255,167,51,.75));opacity:.55}
.decor i:nth-child(3){width:320px;height:130px;bottom:-60px;inset-inline-start:-110px;background:rgba(255,255,255,.06)}
.decor i:nth-child(4){width:90px;height:44px;bottom:40px;inset-inline-end:-20px;background:rgba(255,167,51,.5)}
.decor.soft i{background:none!important;border:1.5px solid rgba(212,0,138,.10);opacity:1}
.decor.soft i:nth-child(2){background:linear-gradient(90deg,rgba(212,0,138,.06),rgba(255,167,51,.07))!important;border:0}