*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  background:var(--bg); color:var(--text); line-height:1.6;
}
html[dir="rtl"] body{font-family:"Cairo",Inter,system-ui,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.container{width:min(1120px,calc(100% - 32px));margin:0 auto}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 16px;border-radius:10px;background:var(--btn);color:var(--btnText);
  border:1px solid transparent;gap:8px
}
.btn.outline{background:transparent;color:var(--text);border-color:var(--border)}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}
.section{padding:44px 0}
.kicker{color:var(--muted);margin:0 0 6px}
.h2{margin:0 0 12px;font-size:clamp(20px,2.2vw,28px)}
.p{margin:0;color:var(--muted)}