:root { color-scheme: light; }
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100dvh; display: grid; place-items: center;
  background: radial-gradient(circle at 15% 8%, rgba(42,135,180,.10), transparent 26rem), #eef3f7;
  color: #172536; font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  padding: 24px; padding-top: max(24px, env(safe-area-inset-top));
}
.lang-row { position: fixed; top: max(16px, env(safe-area-inset-top)); right: 16px; display: flex; align-items: center; gap: 7px; font-size: 13px; color: #6b7a89; }
.lang-row button { min-height: 36px; border: 0; padding: 0 7px; background: transparent; color: #6b7a89; font: inherit; cursor: pointer; }
.lang-row button.active { color: #1476a0; font-weight: 800; }
.lang-row span { color: #c7d0d8; }
.card { max-width: 380px; width: 100%; text-align: center; display: grid; gap: 18px; justify-items: center; }
.ancala-brand { display: grid; place-items: center; width: clamp(190px, 45vw, 220px); padding: 14px 18px; border-radius: 18px; background: #000; box-shadow: 0 8px 24px rgba(0,0,0,.18); }
.ancala-brand img { display: block; width: 100%; height: auto; }
h1 { font-size: 21px; margin: 4px 0 0; font-weight: 700; letter-spacing: -0.01em; }
p { margin: 0; color: #526172; font-size: 15px; line-height: 1.5; }
/* Gradient derived from the LandCorp wordmark's own green->blue hues,
   deepened for AA-contrast white text (>=4.5:1 at both stops) rather than
   the raw logo greens, which read too light behind white text. */
.cta { display: inline-block; min-width: 220px; padding: 14px 28px; border-radius: 16px; background: linear-gradient(135deg, #1f7a4d, #2358a4); color: #fff; text-decoration: none; font-weight: 700; font-size: 16px; box-shadow: 0 10px 24px rgba(35,88,164,.22); transition: opacity 160ms ease, transform 160ms ease; }
.cta:hover { opacity: .92; }
.cta:active { transform: scale(0.98); }
.cta:focus-visible { outline: 2px solid #1476a0; outline-offset: 3px; }
.helper { font-size: 13px; color: #6b7a89; max-width: 320px; }
.helper a { color: #1476a0; font-weight: 600; text-decoration: none; }
footer { margin-top: 8px; display: grid; gap: 6px; justify-items: center; font-size: 12.5px; color: #93a2b0; }
.landcorp-logo { display: block; height: 38px; width: auto; }
[data-lang-block] { display: none; }
[data-lang-block].active { display: contents; }