:root {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #fff;
  background: #19191b;
  font-synthesis: none;
}
* { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; background: #19191b; }
body {
  min-height: 100vh;
  margin: 0;
  padding: clamp(1rem, 4vw, 3rem) 1rem;
  background:
    radial-gradient(circle at 11% 18%, transparent 0 6px, #ffffff16 7px 8px, transparent 9px),
    radial-gradient(circle at 88% 28%, transparent 0 11px, #ffffff12 12px 13px, transparent 14px),
    radial-gradient(circle at 17% 71%, transparent 0 4px, #ffffff12 5px 6px, transparent 7px),
    radial-gradient(circle at 76% 84%, transparent 0 8px, #ffffff10 9px 10px, transparent 11px),
    radial-gradient(ellipse at top, #252527 0%, #18181a 72%);
  background-size: 320px 290px, 410px 390px, 240px 260px, 360px 340px, auto;
}
a { color: inherit; }
.shell {
  width: min(100%, 48rem);
  margin: 0 auto;
  padding: clamp(0.9rem, 3vw, 1.5rem);
  border: 1px solid #ffffff12;
  border-radius: 2rem;
  background: #222225e6;
  box-shadow: 0 1.5rem 5rem #00000055;
  backdrop-filter: blur(8px);
}
.shell.wide { width: min(100%, 58rem); }
.topnav { display: flex; justify-content: flex-end; gap: 0.5rem; padding: 0 0.25rem 1rem; }
.nav-link {
  padding: 0.62rem 0.9rem;
  border: 1px solid #ffffff22;
  border-radius: 999px;
  color: #ffffffc7;
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: none;
}
.nav-link:hover, .nav-link:focus-visible, .nav-link.active { background: #ffffff18; color: #fff; }
.nav-link:focus-visible, .text-link:focus-visible, .language-links a:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(1.5rem, 6vw, 3.2rem);
  border-radius: 1.25rem;
  background: linear-gradient(155deg, #f4ad47 0%, #f18f69 47%, #e767a4 100%);
  box-shadow: inset 0 1px 0 #ffffff5c, 0 1rem 3rem #0000003d;
}
.card::before, .card::after { position: absolute; z-index: -1; inset: 0; content: ""; pointer-events: none; }
.card::before {
  opacity: 0.28;
  background-image: linear-gradient(#ffffff20 1px, transparent 1px), linear-gradient(90deg, #ffffff20 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(to bottom, #000, transparent 76%);
}
.card::after {
  background: linear-gradient(90deg, transparent 50%, #ffffff0c 50%) 0 0 / 68px 68px, linear-gradient(transparent 50%, #ffffff0a 50%) 0 0 / 68px 68px;
}
h1 { margin: 0 0 0.8rem; max-width: 18ch; font-size: clamp(2rem, 7vw, 3.25rem); line-height: 1.04; letter-spacing: -0.045em; }
.kicker { margin: 0 0 0.55rem; font-size: 0.78rem; font-weight: 850; letter-spacing: 0.12em; text-transform: uppercase; }
.eyebrow { margin: 0 0 2rem; font-size: clamp(0.92rem, 2.5vw, 1rem); font-weight: 700; line-height: 1.45; }
.content { font-size: clamp(1rem, 2.5vw, 1.075rem); line-height: 1.65; }
.content p { margin: 0.55rem 0 0; }
address { margin: 0; font-style: normal; }
.block + .block { margin-top: 1.8rem; }
h2, h3 { margin: 0 0 0.45rem; line-height: 1.25; }
h2, h3 { font-size: 1.08rem; }
.section-title { font-size: clamp(1.5rem, 4vw, 2rem); letter-spacing: -0.025em; }
.text-link { text-decoration-thickness: 1px; text-underline-offset: 0.2em; overflow-wrap: anywhere; }
.text-link:hover { text-decoration-thickness: 2px; }
.external::after { content: " ↗"; }
.language-links { display: flex; gap: 0.65rem; margin: -0.7rem 0 2rem; }
.language-links a { padding: 0.45rem 0.7rem; border: 1px solid #ffffff5c; border-radius: 999px; font-size: 0.86rem; font-weight: 750; text-decoration: none; }
.legal-copy > section { scroll-margin-top: 1rem; }
.divider { height: 1px; margin: 3rem 0; border: 0; background: #ffffff75; }
.footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.45rem; padding: 1.15rem 0.5rem 0.2rem; color: #ffffffa8; font-size: 0.82rem; text-align: center; }
.footer a { text-underline-offset: 0.18em; }
@media (max-width: 35rem) {
  body { padding: 0; }
  .shell { min-height: 100vh; padding: 1rem; border: 0; border-radius: 0; background: #202023ee; }
  .card { border-radius: 1rem; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }