:root {
  --bg: #000;
  --panel: #0a0a0f;
  --text: #f4f6fb;
  --muted: #a3a9bb;
  --line: #1d2030;
  --cyan: #00e5ff;
  --blue: #3a5bff;
  --magenta: #ff2bd6;
  --orange: #ff9a3c;
  --grad: linear-gradient(90deg, var(--cyan), var(--blue) 35%, var(--magenta) 70%, var(--orange));
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--bg);
  color: var(--text);
  font: 16px/1.65 "Lato", system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--cyan); }
a:hover { color: var(--magenta); }
h1, h2, h3 { font-family: "Montserrat", system-ui, sans-serif; line-height: 1.2; }

/* Coming soon */
.hero {
  min-height: 100vh;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 48px 16px;
  background:
    radial-gradient(600px 300px at 20% 15%, rgba(0, 229, 255, .10), transparent 70%),
    radial-gradient(600px 300px at 80% 85%, rgba(255, 43, 214, .10), transparent 70%),
    var(--bg);
}
.hero img.logo { width: min(220px, 55vw); height: auto; border-radius: 50%; box-shadow: 0 0 60px rgba(58, 91, 255, .35); }
.kicker { margin: 32px 0 8px; letter-spacing: .32em; text-transform: uppercase; font-size: 13px; color: var(--muted); }
.hero h1 { font-size: clamp(30px, 6vw, 54px); margin: 0 0 16px; font-weight: 800; letter-spacing: .02em; }
.grad { background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.lead { max-width: 640px; color: var(--muted); font-size: 18px; margin: 0 auto 28px; }
.services { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 760px; margin: 0 auto 32px; padding: 0; list-style: none; }
.services li { border: 1px solid var(--line); border-radius: 999px; padding: 6px 14px; font-size: 14px; color: var(--text); background: var(--panel); }
.cta { display: inline-block; padding: 14px 28px; border-radius: 999px; background: var(--grad); color: #000; font-weight: 700; text-decoration: none; }
.cta:hover { color: #000; filter: brightness(1.1); }
.langs { margin-top: 22px; color: var(--muted); font-size: 14px; }

/* Legal pages */
.page { max-width: 820px; margin: 0 auto; padding: 32px 16px 64px; }
.top { display: flex; align-items: center; gap: 12px; margin-bottom: 32px; text-decoration: none; color: var(--text); font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: .08em; }
.top img { width: 44px; height: 44px; border-radius: 50%; }
.page h1 { font-size: clamp(28px, 5vw, 40px); margin: 0 0 6px; }
.updated { color: var(--muted); margin: 0 0 32px; }
.page h2 { font-size: 20px; margin: 36px 0 10px; padding-top: 18px; border-top: 1px solid var(--line); }
.page p, .page li { color: #d7dbe6; }
.page ul { padding-left: 20px; }
.box { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; padding: 16px 20px; }

footer { border-top: 1px solid var(--line); padding: 20px 16px; text-align: center; color: var(--muted); font-size: 14px; }
footer a { color: var(--muted); margin: 0 10px; }