:root {
  --bg: #090c16;
  --line: rgba(255, 255, 255, .1);
  --text: #f8f9ff;
  --muted: #a7b0c5;
  --amber: #ffb347;
  --orange: #ff7a3d;
  --coral: #ff4b63;
  --green: #70dca7;
  --max: 960px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  min-width: 320px;
  margin: 0;
  background:
    radial-gradient(circle at 75% -8%, rgba(255, 122, 61, .16), transparent 27rem),
    radial-gradient(circle at 0 25%, rgba(92, 105, 235, .1), transparent 28rem),
    var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.container { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
.skip-link {
  position: fixed; top: 10px; left: 10px; z-index: 10; padding: 10px 14px;
  border-radius: 10px; background: white; color: #10131d; transform: translateY(-150%);
}
.skip-link:focus { transform: translateY(0); }
header { border-bottom: 1px solid var(--line); background: rgba(9, 12, 22, .75); backdrop-filter: blur(18px); }
nav { display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 22px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 750; letter-spacing: -.03em; }
.brand img { width: 36px; height: 36px; border-radius: 10px; }
.nav-items { display: flex; align-items: center; gap: 22px; color: #c6cce0; font-size: 14px; }
.nav-items a:hover, .nav-items a:focus-visible { color: white; }
.language-switcher { display: inline-flex; align-items: center; gap: 5px; color: #6f7992; font-size: 12px; font-weight: 750; letter-spacing: .04em; }
.language-switcher a { padding: 3px; border-radius: 5px; color: #8d97ae; }
.language-switcher a:hover, .language-switcher a:focus-visible, .language-switcher .is-active { background: rgba(255, 122, 61, .12); color: #ffd1a8; }
main { padding-block: clamp(70px, 11vw, 130px); }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 17px; color: #ffc07e; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.eyebrow::before { width: 8px; height: 8px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 18px var(--orange); content: ""; }
footer { border-top: 1px solid var(--line); }
.footer { display: flex; min-height: 92px; align-items: center; justify-content: space-between; gap: 22px; color: var(--muted); font-size: 12px; }
.footer .brand { color: var(--text); }
.footer-link { color: #c5cce0; }
.footer-link:hover, .footer-link:focus-visible { color: white; }
@media (max-width: 650px) {
  .container { width: min(calc(100% - 28px), var(--max)); }
  nav { min-height: 64px; }
  .nav-items { gap: 13px; font-size: 13px; }
  .footer { min-height: 0; padding-block: 24px; flex-direction: column; text-align: center; }
}