/* 12 Pastel Pop: neo-brutalism, pastel blocks, thick outlines, hard shadows */
:root {
  --bg: #fdf6e9; --surface: #fff; --surface-2: #e8e1ff; --text: #111; --muted: #444; --line: #111;
  --main: #ff7ab6; --main-2: #ff5fa5; --on-main: #111; --accent: #ffe14d; --link: #111;
  --head-bg: #c8f2e1; --head-fg: #111; --strip-bg: #111; --strip-fg: #ffe14d;
  --lead-bg: #e8e1ff; --quick-bg: #fff; --quick-line: #111; --quick-label: #111;
  --foot-bg: #111; --foot-fg: #ddd;
  --r: 14px; --r-lg: 18px; --shadow: 6px 6px 0 #111;
  --f-head: 'Space Grotesk', system-ui, sans-serif; --f-body: 'Work Sans', system-ui, sans-serif;
}
.masthead { border-bottom: 3px solid #111; }
.menu a { font-weight: 700; opacity: 1; }
.menu a:hover, .menu a[aria-current] { background: #ffe14d; color: #111; outline: 2px solid #111; }
.lang summary { border: 2px solid #111; background: #fff; }
.btn { border: 2.5px solid #111; box-shadow: 4px 4px 0 #111; }
.btn:hover { transform: translate(-1px, -1px); box-shadow: 5px 5px 0 #111; }
.btn:active { transform: translate(3px, 3px); box-shadow: 1px 1px 0 #111; }
.btn--main:hover { background: #ffe14d; }
.btn--line { background: #fff; }
.lead { border-bottom: 3px solid #111; }
.lead__grid { padding-top: 44px; padding-bottom: 50px; }
.lead h1 { font-weight: 700; font-size: clamp(34px, 5vw, 62px); letter-spacing: -.02em; }
.lead h1::after { content: 'WIN.BET'; display: inline-block; margin-left: 12px; padding: 2px 10px; font-size: .28em; vertical-align: middle; background: #ffe14d; border: 2px solid #111; border-radius: 8px; transform: rotate(-4deg); }
.quick { border: 2.5px solid #111; border-left-width: 2.5px; box-shadow: var(--shadow); }
.quick__label { display: inline-block; background: #c8f2e1; padding: 4px 8px; border: 2px solid #111; border-radius: 6px; }
.offer--hero { border: 3px solid #111; box-shadow: 10px 10px 0 #111; transform: rotate(1.5deg); }
.contents, .facts, .tbl, .qa__item, .card, .doc ol.steps li, .rail__rg { border: 2.5px solid #111; box-shadow: var(--shadow); }
.contents { background: #ffe14d; }
.doc h2 { font-weight: 700; display: inline-block; background: #c8f2e1; padding: 4px 12px; border: 2.5px solid #111; border-radius: 10px; box-shadow: 4px 4px 0 #111; }
.doc h2 + * { margin-top: 1.2em; }
.doc thead th { background: #ff7ab6; color: #111; }
.doc ol.steps li::before { background: #ffe14d; color: #111; border: 2px solid #111; }
.facts__head { background: #ff7ab6; color: #111; border-bottom: 2.5px solid #111; }
.facts th, .facts td { border-color: #111; }
.tip { background: #c8f2e1; border: 2.5px solid #111; box-shadow: var(--shadow); }
.cta { background: #ffe14d; color: #111; border: 3px solid #111; box-shadow: 8px 8px 0 #111; }
.cta .btn--main { background: #ff7ab6; color: #111; }
.offer, .tile, .sport { border: 2.5px solid #111; }
.tile { box-shadow: 4px 4px 0 #111; }
.more { background: #ffe1ef; border-top: 3px solid #111; }
.dock { background: #c8f2e1; border-top: 3px solid #111; }
@media (max-width: 960px) { .offer--hero { transform: none; } }