@font-face {
  font-family: Inter;
  src: url("./assets/fonts/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url("./assets/fonts/Inter-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Next LT Arabic";
  src: url("./assets/fonts/DINNextLTArabic-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root { color-scheme: light; }
* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; }
body { background: #fff; color: #111; font-family: Inter, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.page { min-height: 100vh; min-height: 100svh; display: grid; place-items: center; padding: 32px 20px; }
.intro { width: 100%; text-align: center; }
.headline { display: flex; align-items: baseline; justify-content: center; flex-wrap: wrap; column-gap: 18px; row-gap: 8px; margin: 0; font-size: clamp(25px, 3.2vw, 40px); font-weight: 500; line-height: 1.5; letter-spacing: -0.035em; }
.english { font-family: Inter, Arial, sans-serif; }
.separator { font-weight: 400; color: #b5b5b5; letter-spacing: 0; }
.arabic { font-family: "DIN Next LT Arabic", sans-serif; font-weight: 400; letter-spacing: 0; line-height: 1.65; }
.subtitle { margin: 12px 0 0; color: #757575; font-size: 16px; font-weight: 400; line-height: 1.65; letter-spacing: -0.01em; }
@media (max-width: 600px) {
  .headline { font-size: clamp(24px, 5.6vw, 32px); column-gap: 11px; row-gap: 0; }
  .subtitle { margin-top: 14px; font-size: 14px; }
}
@media (max-width: 390px) { .headline { column-gap: 9px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }