@font-face{
  font-family:"Vazirmatn";
  src:url("/assets/Vazirmatn/Vazirmatn-Variable.woff2") format("woff2-variations");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Vazirmatn";
  src:url("/assets/Vazirmatn/Vazirmatn-Regular.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Vazirmatn";
  src:url("/assets/Vazirmatn/Vazirmatn-SemiBold.woff2") format("woff2");
  font-weight:600; font-style:normal; font-display:swap;
}

:root{
  --bg1:#0f172a; --bg2:#1e293b;
  --text:#e5e7eb; --muted:#93a5b1;
  --accent1:#22d3ee; --accent2:#38bdf8;

  --card-bg1: rgba(255,255,255,0.04);
  --card-bg2: rgba(255,255,255,0.02);
  --card-br: 18px;

  --shadow-md: 0 30px 80px rgba(0,0,0,.35);
  --shadow-lg: 0 40px 100px rgba(0,0,0,.45);
}

*,*::before,*::after{ box-sizing:border-box }
html,body{ height:100% }
body{
  margin:0; font-family:Vazirmatn,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Arabic",Tahoma,sans-serif;
  color:var(--text);
  background:
    radial-gradient(1200px 800px at 80% -20%, #1f2937 0%, var(--bg1) 60%),
    linear-gradient(180deg, var(--bg1), var(--bg2));
  overflow-x:hidden;
}
img{ max-width:100%; display:block }
a{ color:inherit; text-decoration:none }
button{ font:inherit; cursor:pointer }
[hidden]{ display:none!important }
html[dir="rtl"]{ direction:rtl }