:root {
  --black: #010306;
  --navy: #06131e;
  --cyan: #c79b47;
  --gold: #c79b47;
  --white: #eef0f2;
  --muted: #aeb6be;
  --line: rgba(199, 155, 71, .3);
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body {
  margin: 0;
  min-width: 320px;
  background: radial-gradient(circle at 80% 0, rgba(21, 52, 73, .3), transparent 35%), linear-gradient(145deg, #010306, #06131e 50%, #010306);
  color: var(--white);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: inherit; }
img { display: block; width: 100%; height: auto; }
:focus-visible { outline: 3px solid var(--cyan); outline-offset: 4px; }

.skip-link { position: fixed; z-index: 20; top: 10px; left: 10px; padding: 10px 14px; transform: translateY(-180%); border-radius: 8px; background: #001923; }
.skip-link:focus { transform: none; }
.nojs-header { position: sticky; z-index: 10; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 76px; padding: 14px max(22px, 5vw); border-bottom: 1px solid var(--line); background: rgba(1, 10, 16, .94); backdrop-filter: blur(16px); }
.nojs-brand { display: grid; gap: 4px; text-decoration: none; }
.nojs-brand img { width: min(285px, 58vw); height: auto; border-radius: 3px; mix-blend-mode: screen; }
.nojs-brand small { color: var(--gold); letter-spacing: .11em; text-transform: uppercase; }
.nojs-nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px 18px; }
.nojs-nav a { color: var(--muted); font-size: 13px; text-underline-offset: 5px; }
.nojs-nav a:hover { color: var(--cyan); }

.nojs-main { width: min(1180px, calc(100% - 36px)); margin: 0 auto; padding: 44px 0 90px; }
.nojs-hero, .nojs-section { scroll-margin-top: 92px; }
.nojs-hero { position: relative; min-height: 480px; display: grid; align-items: end; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--navy); }
.nojs-hero img { position: absolute; inset: 0; height: 100%; object-fit: cover; filter: brightness(.52) saturate(.9); }
.nojs-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(1, 8, 13, .95), rgba(1, 8, 13, .58) 58%, rgba(1, 8, 13, .25)); }
.nojs-hero-content { position: relative; z-index: 1; max-width: 760px; padding: clamp(26px, 6vw, 68px); }
.eyebrow { margin: 0 0 12px; color: var(--cyan); font-size: 12px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(42px, 7vw, 82px); line-height: .96; letter-spacing: -.045em; }
h2 { margin: 0 0 14px; font-size: clamp(29px, 4vw, 48px); letter-spacing: -.03em; }
h3 { margin: 0 0 9px; color: var(--cyan); font-size: 18px; }
p { color: var(--muted); line-height: 1.65; }
.lead { max-width: 650px; font-size: clamp(17px, 2vw, 21px); }
.english { padding-left: 16px; border-left: 2px solid var(--gold); color: #d2d9dc; }
.nojs-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.nojs-button { min-height: 48px; display: inline-flex; align-items: center; padding: 11px 18px; border: 1px solid var(--cyan); border-radius: 9px; background: linear-gradient(145deg, rgba(73,53,17,.62), rgba(15,29,39,.58)); font-weight: 700; text-decoration: none; }
.nojs-button.secondary { border-color: var(--line); background: rgba(2, 13, 21, .66); }
.nojs-notice { margin: 18px 0 0; color: #d5b16f; font-size: 13px; }

.nojs-section { padding: 68px 0 0; }
.nojs-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.nojs-card { padding: 22px; border: 1px solid var(--line); border-radius: 13px; background: rgba(2, 13, 21, .68); box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 18px 48px rgba(0,0,0,.2); }
.nojs-card p:last-child { margin-bottom: 0; }
.nojs-card .english { margin-bottom: 0; }
.nojs-wide { grid-column: 1 / -1; }
.legal-intro { max-width: 840px; }
.source-link { color: var(--gold); font-weight: 700; }
.nojs-footer { margin-top: 74px; padding-top: 26px; border-top: 1px solid var(--line); color: var(--muted); }

@media (max-width: 760px) {
  .nojs-header { position: static; align-items: flex-start; flex-direction: column; }
  .nojs-nav { justify-content: flex-start; }
  .nojs-main { width: min(100% - 28px, 680px); padding-top: 20px; }
  .nojs-hero { min-height: 560px; }
  .nojs-hero::after { background: linear-gradient(180deg, rgba(1,8,13,.32), rgba(1,8,13,.94) 48%); }
  .nojs-grid { grid-template-columns: 1fr; }
  .nojs-wide { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media (forced-colors: active) { .nojs-hero::after { display: none; } }