:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #090c21;
  color: #f4f1ff;
  line-height: 1.65;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 50% 0%, rgba(107, 76, 176, .3), transparent 38rem),
    linear-gradient(180deg, #111637, #090c21 45%);
}

main {
  width: min(920px, calc(100% - 32px));
  margin: 48px auto;
}

.card {
  padding: clamp(24px, 5vw, 56px);
  border: 1px solid rgba(218, 208, 255, .2);
  border-radius: 24px;
  background: rgba(22, 26, 57, .92);
  box-shadow: 0 24px 80px rgba(0, 0, 0, .35);
}

.landing { margin-top: min(18vh, 160px); text-align: center; }
.eyebrow { color: #bda9ff; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
h1, h2 { line-height: 1.2; color: #fff; }
h1 { font-size: clamp(2rem, 6vw, 3.7rem); margin: .25em 0; }
h2 { margin-top: 2em; }
a { color: #cbbcff; }
nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 32px 0; }
.button { padding: 12px 20px; border-radius: 12px; background: #7557d8; color: white; text-decoration: none; font-weight: 700; }
.button.secondary { background: #272d5c; }
.contact { color: #b9bad1; }
.policy h1 { font-size: clamp(2rem, 5vw, 3rem); }
.policy p, .policy li { color: #d8d8e7; }
.policy strong { color: #fff; }
.policy hr { border: 0; border-top: 1px solid rgba(218, 208, 255, .16); margin: 2rem 0; }
.back { display: inline-block; margin-bottom: 20px; }

@media (max-width: 600px) {
  main { margin: 16px auto; }
  .card { border-radius: 16px; }
}
.lang { margin: 0 0 12px; font-size: 0.95em; }