:root {
  --navy: #153e53;
  --water: #dff4fc;
  --mint: #e0f5e8;
  --peach: #fbe4d6;
  --sand: #fff1cb;
  --lilac: #eee4fc;
  --rose: #f9e3ee;
}
body.club {
  color: var(--navy);
  background:
    radial-gradient(ellipse at top left,#f7e9ff,transparent 52rem),
    radial-gradient(ellipse at 95% 22rem,#fff1c9,transparent 30rem),
    linear-gradient(165deg,#e0f4ff 0%,#e7f7ea 48%,#edf0ff 100%);
  font-family: ui-rounded, "Avenir Next", "Trebuchet MS", system-ui, sans-serif;
}
.club h1,.club h2,.club h3 {line-height:1.13;letter-spacing:-.025em;text-wrap:balance}
.club h1,.club h2 {font-weight:900}
.club h3 {font-weight:850}
.club header {
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:radial-gradient(circle at 78% 20%,#329797,transparent 35%),linear-gradient(112deg,#164d70,#12656b 65%,#226d60);
  border-color:#ffda8c;
}
.club header::before,.club header::after {
  content:"";
  position:absolute;
  z-index:-1;
  width:10rem;
  aspect-ratio:1;
  border:2px solid #bce8df55;
  border-radius:48%;
  transform:rotate(-18deg);
}
.club header::before {top:-5rem;left:6%;box-shadow:0 0 0 14px #bce8df1c,0 0 0 28px #bce8df12}
.club header::after {right:7%;bottom:-5.9rem;box-shadow:0 0 0 13px #bce8df1c,0 0 0 26px #bce8df12}
.club nav a {background:#edf9f7;border:1px solid #bddfdc;transition:background-color .18s ease,transform .18s ease}
.club nav a:nth-child(3n+2) {background:#fff0d4;border-color:#e9d4a9}
.club nav a:nth-child(3n+3) {background:#eee9fd;border-color:#d9cef0}
.club nav a:hover {background:#c7efe7;transform:translateY(-2px)}
.club .panel,.club .card,.club main > section:not([class]) {
  background:linear-gradient(132deg,var(--paper,var(--water)),#f7f4eb);
  border:1px solid #abc9cb;
  border-radius:24px;
  box-shadow:0 8px 24px #245a6414;
}
.club .panel:nth-of-type(5n+1),.club .card:nth-of-type(3n+1) {--paper:var(--mint)}
.club .panel:nth-of-type(5n+2),.club .card:nth-of-type(3n+2) {--paper:var(--lilac)}
.club .panel:nth-of-type(5n+3),.club .card:nth-of-type(3n) {--paper:var(--sand)}
.club .panel:nth-of-type(5n+4) {--paper:var(--peach)}
.club .panel:nth-of-type(5n) {--paper:var(--rose)}
.club .mini,.club .fiche {background:linear-gradient(145deg,#d9f3f1,#edf6ff);border-color:#bddbd6}
.club .mini:nth-child(3n+2),.club .fiche:nth-child(3n+2) {background:linear-gradient(145deg,#f8e5d8,#fff1ca);border-color:#e5c9ad}
.club .mini:nth-child(3n+3),.club .fiche:nth-child(3n+3) {background:linear-gradient(145deg,#eadcf8,#fbe9ee);border-color:#d8c7e6}
.club .fiche img,.club iframe {background:#d9eeeb}
.club .herotext {background:linear-gradient(135deg,#fff0cc,#f7e9fa 56%,#dff3eb)}
.club .quiz-hero {background:linear-gradient(125deg,#a9dedc,#c4e9fb 58%,#e6dafa);color:var(--navy)}
.club .quiz-hero::before,.club .quiz-hero::after {border-color:#4d949933}
.club .question label {background:#e9f7f2;border-color:#b9d9d2}
.club .question label:has(input:checked) {background:#d1eddf;border-color:#4a947d}
.feature-intro {display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);align-items:start;gap:18px}
.side-note {
  padding:16px 18px;border:1px solid #e4c59c;border-radius:18px;
  background:linear-gradient(130deg,#fff0c4,#f9dfd6);
  box-shadow:0 5px 12px #7b642515;
}
.side-note strong {display:block;margin:0 0 5px;font-size:1.13rem;color:#623d37}
.side-note p {margin:0}
.eyebrow {display:inline-block;color:#185868;font-size:.82rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px}
@media(max-width:620px) {.feature-intro{grid-template-columns:1fr;gap:10px}.side-note{padding:12px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.club nav a{transition:none}}
@media print {.club,.club .card,.club .quiz-hero,.club .question label{background:#fff!important;color:#173c4a!important;box-shadow:none!important}}
.club header {color:#f4fffc}
.club .quiz-hero {color:var(--navy)}
.club main > section:not([class]):nth-of-type(3n+2) {--paper:var(--lilac)}
.club main > section:not([class]):nth-of-type(3n) {--paper:var(--sand)}
.club .cta,.club .download {transition:filter .18s ease,transform .18s ease}
.club .cta:hover,.club .download:hover {filter:brightness(1.08);transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){.club .cta,.club .download{transition:none;transform:none!important}.club nav a:hover{transform:none}}
@media print {.club header{background:#fff!important;color:#173c4a!important}}