:root {
  --bg: #03080f;
  --bg1: #060d1a;
  --bg2: #081426;
  --bg3: #0b1b33;
  --bg4: #0e2242;
  --b1: #1046c8;
  --b2: #1a5aff;
  --b3: #3d78ff;
  --b4: #6699ff;
  --b5: #99bbff;
  --p1: #6c3fff;
  --p2: #8b5fff;
  --p3: #ac84ff;
  --cyan: #00d4ff;
  --green: #00e5a0;
  --red: #ff4d6a;
  --yellow: #ffd166;
  --t1: #eaf0ff;
  --t2: #9bb5e0;
  --t3: #5a7ab0;
  --t4: #2e4a75;
  --border: rgba(26, 90, 255, 0.18);
  --border2: rgba(26, 90, 255, 0.35);
  --border3: rgba(26, 90, 255, 0.55);
  --glow: 0 0 40px rgba(26, 90, 255, 0.3);
  --glow2: 0 0 20px rgba(26, 90, 255, 0.2);
  --shadow: 0 24px 64px rgba(0, 0, 0, 0.6);
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  overflow-x: hidden;
  background: var(--bg);
  color: var(--t1);
  direction: rtl;
  font-family: 'Cairo', sans-serif;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg1); }
::-webkit-scrollbar-thumb { background: var(--b1); border-radius: 3px; }