/* =========================
   VARIABLES
   ========================= */
:root {
  --bg-dark:    #080e1a;
  --accent:     #5a96ff;
  --accent2:    #a78bfa;
  --glass:      rgba(8, 14, 28, .72);
  --border:     rgba(255,255,255,.09);
  --text-muted: rgba(255,255,255,.55);
}

/* =========================
   RESET / BASE
   ========================= */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background: var(--bg-dark);
  color: #fff;
  display: flex;
  flex-direction: column;
}

/* =========================
   BACKGROUND
   ========================= */
.bg-video {
  position: fixed; inset: 0;
  width: 100vw; height: 100vh;
  object-fit: cover;
  z-index: -3; pointer-events: none;
}
.page-join .bg-video { display: none; }

.page-overlay {
  position: fixed; inset: 0;
  background: linear-gradient(135deg, #060b16 0%, #0a1020 60%, #080e1a 100%);
  z-index: -2;
}

.bg-logo {
  position: fixed; inset: 0;
  width: 100vw; height: 100vh;
  object-fit: cover; object-position: center;
  opacity: .04;
  z-index: -1; pointer-events: none;
}

/* =========================
   I18N
   ========================= */
[data-lang] { display: none; }
html[lang="fr"] [data-lang="fr"],
html[lang="en"] [data-lang="en"],
html[lang="ar"] [data-lang="ar"] { display: inline; }

/* =========================
   LAYOUT
   ========================= */
.page-content {
  max-width: 1100px;
  margin: 0 auto;
  padding: 100px 5% 80px;
  flex: 1 0 auto;
}