@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800&family=Poppins:wght@600;700&display=swap');
/* The Pencil Box Quiz: blue, violet, cyan and gold visual system (shared with Quiz Village). */
:root {
  --blue: #102568;
  --blue-deep: #0b174a;
  --green: #24df91;
  --orange: #ffd15a;
  --ink: #102454;
  --paper: #f4f6ff;
  --paper-dim: #111d60;
  --line: rgba(42, 79, 160, .18);
  --qv-night: #081440;
  --qv-panel: #0b205b;
  --qv-cyan: #43e5ff;
  --qv-gold: #ffd15a;
}
html { background: var(--qv-night); }
body {
  background: radial-gradient(ellipse at 75% 15%, rgba(71, 36, 179, .35), transparent 42%),
              linear-gradient(140deg, #081440, #122e82 58%, #0b174a) fixed !important;
  color: #f7faff;
}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--qv-cyan) !important;
  outline-offset: 3px;
}
header {
  background: rgba(6, 17, 58, .94) !important;
  border-bottom: 1px solid rgba(67, 229, 255, .35) !important;
  backdrop-filter: blur(16px);
  box-shadow: 0 8px 26px rgba(4, 10, 40, .25);
}
nav { max-width: 1330px; }
.logo, .nav-links a { color: #fff !important; }
.logo .dot { background: #25e39b; box-shadow: 0 0 15px #25e39b; }
.logo em { color: #24df91; }
.nav-cta, .btn-primary, .submit-btn, .btn:not(.btn-ghost):not(.topup-btn), .play-btn,
.cal-btn, .tz-picker-save {
  background: linear-gradient(145deg, #fff0a4 0%, #ffd85d 43%, #efa91d 100%) !important;
  color: #101b45 !important;
  border: 1px solid #ffe79a !important;
  border-radius: 12px;
  box-shadow: 0 7px 21px rgba(255, 193, 45, .23), inset 0 1px rgba(255,255,255,.75);
  font-weight: 800;
}
.nav-cta:hover, .btn-primary:hover, .submit-btn:hover, .play-btn:hover,
.cal-btn:hover { filter: brightness(1.07); }
.btn-ghost, .hero .btn-ghost {
  color: #ecfcff !important;
  background: rgba(6, 27, 76, .34) !important;
  border: 2px solid var(--qv-cyan) !important;
  box-shadow: 0 0 18px rgba(33, 198, 255, .18);
}
.btn-ghost:hover, .hero .btn-ghost:hover { background: rgba(67, 229, 255, .15) !important; }
.theme-inner .card .btn-ghost,.theme-inner .login-card .btn-ghost,
.theme-inner .form-card .btn-ghost,.theme-inner .round-box .btn-ghost,
.theme-inner .details-box .btn-ghost,.theme-inner .wallet-box .btn-ghost {
  color: #113b87 !important;
  background: #f1faff !important;
  border-color: #26afe0 !important;
  box-shadow: none;
}
.nav-toggle span { background: #fff !important; }
.nav-account-dropdown {
  background: #0e2059 !important;
  border: 1px solid rgba(67, 229, 255, .45);
}
.nav-account-dropdown a { color: #fff !important; border-color: rgba(255,255,255,.12) !important; }
.nav-account-dropdown a:hover { background: #193a89 !important; }
@media (max-width: 820px) {
  .nav-mobile-hide { background: #0a1b54 !important; border-bottom: 1px solid var(--qv-cyan); }
  .nav-mobile-hide a { color: #fff !important; }
  .nav-mobile-hide .nav-cta { color: #10204b !important; }
}

/* Home hero: preserve the existing art and live data connections. */
.theme-home .hero {
  background-color: #09184f;
  background-image: radial-gradient(ellipse at 77% 31%, rgba(72, 49, 216, .72), transparent 48%),
                    radial-gradient(ellipse at 15% 88%, rgba(10, 119, 246, .34), transparent 50%),
                    linear-gradient(125deg, #081340, #122e82 56%, #101950) !important;
  overflow: hidden;
}
.theme-home .hero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(110deg, transparent 15%, rgba(61, 198, 255, .08) 41%, transparent 47%, transparent 78%, rgba(127, 83, 255, .1) 85%, transparent 92%);
}
.theme-home .hero .wrap { max-width: 1330px; }
.theme-home .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px 38px; }
.theme-home .hero-grid > div:first-child { min-width: 0; }
.theme-home .hero h1 { font-size: clamp(4.2rem, 7vw, 7.8rem); line-height: .97; letter-spacing: .01em; text-shadow: 0 4px 18px rgba(1, 9, 51, .35); }
.theme-home .hero h1 em { color: #24df91; }
.theme-home .hero-tagline { gap: 13px; letter-spacing: .18em; color: #fff; }
.theme-home .hero-tagline .sep { color: #ffd15a; }
.theme-home .hero-art-desktop { transform: none; }
.theme-home .hero-art-desktop img { width: min(105%, 645px); filter: drop-shadow(0 26px 28px rgba(0,5,40,.58)); }
.theme-home .hero-art-mobile img { filter: drop-shadow(0 18px 18px rgba(0,5,40,.48)); }
.theme-home .hero-corner-note { display: none; }
.theme-home .eyebrow-tag { background: rgba(37, 223, 145, .13); color: #85ffcb; border-color: rgba(37, 223, 145, .42); }
.theme-home .hero-subhead { font-size: clamp(1.85rem, 3.1vw, 3rem); }
.theme-home .hero-subhead .know { color: #ff8b34; }
.theme-home .hero-subhead .win { color: #24df91; }
.theme-home .hero p.lede { color: #e2eaff; font-size: 1.02rem; line-height: 1.55; }
.theme-home .lede-highlight-orange { color: #ffd15a; }
.theme-home .hero-actions { flex-direction: row; flex-wrap: wrap; align-items: stretch; }
.theme-home .hero-actions .hero-play-quiz, .theme-home .hero-actions .hero-play-demo { width: auto; min-width: 190px; }
.theme-home .hero-meta { border: 1px solid rgba(67,229,255,.37); background: rgba(10,33,94,.67); }
.theme-home .hero-meta strong { color: #26e398; }
.theme-home .next-round-block {
  grid-column: 1 / -1;
  width: 100%; max-width: none !important;
  margin: 20px 0 6px !important;
  padding: 26px 30px 24px;
  border: 1px solid #35d9ff;
  border-radius: 22px;
  background: linear-gradient(125deg, rgba(9, 39, 111, .94), rgba(12, 30, 86, .97));
  box-shadow: 0 0 0 1px rgba(25, 128, 255, .28), 0 0 36px rgba(27, 137, 255, .29), 0 18px 46px rgba(2,8,39,.4);
}
.theme-home .hero p.next-round-heading { margin: 0 0 18px; text-align: left; }
.theme-home .hero p.next-round-heading span {
  background: none; color: #fff; padding: 0; clip-path: none;
  transform: none; box-shadow: none;
  font-size: clamp(1.5rem, 2.6vw, 2.1rem);
}
.theme-home .hero p.next-round-heading span::before,
.theme-home .hero p.next-round-heading span::after { display: none; }
.theme-home .hero-info-cards-grid { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
.theme-home .hero-info-card,
.theme-home .hero-card-date,.theme-home .hero-card-time,
.theme-home .hero-card-ticket,.theme-home .hero-card-questions {
  background: linear-gradient(155deg, #123b91, #0b215e);
  border: 1px solid #2bd3ff;
  box-shadow: inset 0 1px rgba(255,255,255,.16), 0 9px 18px rgba(1,8,39,.32);
  border-radius: 14px;
  min-height: 103px;
  padding: 14px 12px;
  flex-direction: row;
  text-align: left;
  gap: 12px;
  overflow: hidden;
}
.theme-home .hero-info-card-icon { position: static; transform: none; filter: none; flex: 0 0 35px; width: 35px; height: 42px; font-size: 2rem; color: #4be4ff; }
.theme-home .calendar-icon,.theme-home .clock-icon,.theme-home .ticket-icon,.theme-home .question-icon { background: none; border: 0; box-shadow: none; color: #4be4ff; }
.theme-home .hero-info-card-text { align-items: flex-start; color: #fff; min-width: 0; }
.theme-home .hero-info-card-label,.theme-home .hero-info-card-unit { color: #a9eafb; opacity: 1; font-size: .72rem; }
.theme-home .hero-info-card-text strong { color: #fff; font-size: clamp(.95rem, 1.5vw, 1.24rem); }
.theme-home .hero-info-card .paid-tag { color: #c7f7ff; }
.theme-home .hero-info-card .pay-now-link { color: #ffe178; }
.theme-home .tz-note { color: #c5e7ff; }
.theme-home .tz-change-link { color: #ffe178; }
.theme-home .tz-picker { color: #102454; }
.theme-home .hero-grid > .quiz-card { background: #0b1a54; border: 1px solid rgba(67,229,255,.55); border-radius: 20px; box-shadow: 0 16px 38px rgba(1,7,36,.4); }
.theme-home .sample-slide { border-color: rgba(67,229,255,.45); }
.theme-home .total-score-badge { background: #ffd15a; color: #102454; }
.theme-home .countdown-strip { background: linear-gradient(90deg,#101b59,#252591,#101b59); border-top: 1px solid rgba(67,229,255,.24); }
.theme-home .cd-unit { background: linear-gradient(155deg,#1e52b3,#14286c); border: 1px solid rgba(67,229,255,.56); box-shadow: 0 9px 22px rgba(1,8,39,.33); }
.theme-home .cd-num { color: #fff; }
.theme-home .trust-bar { background: #0d1f60; border-color: rgba(67,229,255,.27); }
.theme-home .trust-headline { color: #fff; }
.theme-home .trust-symbol { color: #ffd15a; }
.theme-home #how, .theme-home #quizmaster, .theme-home #contact { background: linear-gradient(155deg,#f8faff,#e8f0ff); color: #102454; }
.theme-home #quizmaster { background: #f4f7ff; }
.theme-home .step { background: #fff; box-shadow: inset 0 3px #38caff; }
.theme-home .prizes { background: radial-gradient(circle at 20% 5%,#3026a1,transparent 38%),linear-gradient(145deg,#091545,#151d68); }
.theme-home .tier-list { border: 1px solid rgba(255,209,90,.52); }
.theme-home .tier-row .payout { color: #16539e; }
.theme-home .final-cta { background: linear-gradient(125deg,#122c82,#1a1d70); }
.theme-home .final-cta .btn-primary { background: linear-gradient(145deg,#fff0a4,#ffd15a,#efa91d) !important; color: #101b45 !important; }

/* Supporting pages share the atmosphere; form and legal text stays on light cards. */
.theme-inner .page-hero,.theme-inner .live-section {
  background: radial-gradient(circle at 78% 25%,rgba(83,49,210,.48),transparent 40%),linear-gradient(135deg,#0a174b,#173c99) !important;
  color: #fff;
}
.theme-inner .page-hero h1,.theme-inner .live-card h1 { color: #fff; }
.theme-inner .page-hero h1 em { color: #24df91; }
.theme-inner .price-tag,.theme-inner .live-eyebrow { background: rgba(67,229,255,.11); border-color: rgba(67,229,255,.49); }
.theme-inner .center,.theme-inner .center-section,.theme-inner .form-section,.theme-inner .legal-section {
  background: transparent;
}
.theme-inner .card,.theme-inner .form-card,.theme-inner .legal-card,
.theme-inner .login-card,.theme-inner .round-box,.theme-inner .details-box,
.theme-inner .wallet-box,.theme-inner .live-card {
  background: #f9fbff;
  color: #102454;
  border: 1px solid rgba(67,229,255,.47);
  box-shadow: 0 22px 55px rgba(1,8,40,.36);
}
.theme-inner .live-card { background: rgba(8,29,89,.74); color: #fff; }
.theme-inner .live-card h1,.theme-inner .live-card p.sub { color: #fff; }
.theme-inner .live-card .cd-unit { background: #123a91; border: 1px solid #4be4ff; }
.theme-inner .live-card .cd-num,.theme-inner .live-card .cd-label { color: #fff; }
.theme-inner .live-note { color: #d2e9ff; }
.theme-inner .live-note a,.theme-inner .starting-badge { color: #ffd15a; }
.theme-inner .center > h1,.theme-inner .center-section > h1 { color: #fff; }
.theme-inner .stat { background: linear-gradient(145deg,#123b91,#0c205e); border: 1px solid rgba(67,229,255,.48); }
.theme-inner .stat strong,.theme-inner .wallet-balance { color: #24df91; }
.theme-inner .status-pill.paid { background: #d9fae9; color: #126743; }
.theme-inner .status-pill.unpaid { background: #fff0d0; color: #835008; }
.theme-inner input,.theme-inner textarea,.theme-inner select { color: #102454; }
.theme-inner .google-btn { background: #fff; color: #102454; }
.theme-inner .save-bar { background: #fff; border-top: 2px solid #38caff; color: #102454; }
.theme-inner .admin-tabs { border-bottom-color: #38caff; }
.theme-inner .admin-tab-btn.active { color: #0c51a7; border-color: #38caff; }
.theme-admin { background: #edf3ff !important; color: #102454; }
.theme-admin h1 { color: #123b91; }
.theme-admin .eyebrow { color: #0a65ac; }
.theme-admin .card .btn-ghost { color: #123b91 !important; background: #f1faff !important; border-color: #26afe0 !important; box-shadow: none; }
footer { background: #08143e !important; color: rgba(240,248,255,.75) !important; border-top: 1px solid rgba(67,229,255,.25); }
.theme-inner .login-card .links-row a,
.theme-inner .form-card .fine-print a,
.theme-inner .card .back { color: #ac6414; }

@media (max-width: 900px) {
  .theme-home .hero-grid { grid-template-columns: minmax(0,1fr); gap: 0; }
  .theme-home .hero h1 { font-size: clamp(4rem, 13vw, 6rem); }
  .theme-home .hero-art-mobile { display: flex; }
  .theme-home .hero-art-desktop { display: none; }
  .theme-home .hero-actions { justify-content: center; }
  .theme-home .hero-actions .hero-play-quiz,.theme-home .hero-actions .hero-play-demo { width: min(100%,440px); }
  .theme-home .hero-info-cards-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .theme-home .next-round-block { padding: 22px 18px; }
  .theme-home .hero p.next-round-heading { text-align: center; margin-bottom: 18px; }
}
@media (max-width: 560px) {
  nav { padding: 12px 16px; }
  .logo { font-size: 1.05rem; }
  .nav-actions { gap: 8px; }
  .nav-cta { padding: 9px 11px; font-size: .76rem; white-space: nowrap; }
  .theme-home .hero { padding-top: 26px; }
  .theme-home .hero h1 { font-size: clamp(3.9rem, 16vw, 5.2rem); }
  .theme-home .hero-tagline { font-size: .72rem; gap: 7px; letter-spacing: .1em; }
  .theme-home .hero-art-mobile { margin: 3px auto 3px; }
  .theme-home .hero-art-mobile img { width: min(82vw,340px); max-width: 340px; }
  .theme-home .next-round-block { margin-top: 25px !important; padding: 20px 14px; border-radius: 18px; }
  .theme-home .hero-info-cards-grid { gap: 9px; }
  .theme-home .hero-info-card { min-height: 94px; padding: 11px 8px; gap: 6px; }
  .theme-home .hero-info-card-icon { flex-basis: 24px; width: 24px; font-size: 1.5rem; }
  .theme-home .hero-info-card-text strong { font-size: .98rem; white-space: normal; overflow-wrap: anywhere; }
  .theme-home .hero-info-card-label { font-size: .64rem; }
  .theme-home .hero-subhead { font-size: clamp(1.75rem, 7vw, 2.3rem); }
  .theme-home .hero-grid > .quiz-card { margin-top: 24px; }
  .theme-home .hero-meta { border-radius: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .theme-home .hero-art img { animation: none !important; }
}

/* Countdown accents and distinct next-quiz details */
.theme-home .countdown-label,
.theme-home .cd-label { color: #ffaf47; }
.theme-home .cd-unit {
  background: linear-gradient(145deg, #2456ad 0%, #152d70 72%, #102259 100%);
  border-color: rgba(255, 170, 66, .68);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.27), 0 10px 24px rgba(3,9,44,.35);
}
.theme-home .hero-card-date {
  background: radial-gradient(circle at 0 0, rgba(255,255,255,.24), transparent 55%), linear-gradient(135deg, #2767c8, #15377f);
  border-color: #77bbff;
}
.theme-home .hero-card-time {
  background: radial-gradient(circle at 0 0, rgba(255,255,255,.22), transparent 55%), linear-gradient(135deg, #7454bf, #352675);
  border-color: #bd9aff;
}
.theme-home .hero-card-ticket {
  background: radial-gradient(circle at 0 0, rgba(255,255,255,.2), transparent 55%), linear-gradient(135deg, #008e91, #075461);
  border-color: #58ddca;
}
.theme-home .hero-card-questions {
  background: radial-gradient(circle at 0 0, rgba(255,255,255,.19), transparent 55%), linear-gradient(135deg, #b84986, #74295f);
  border-color: #f399c2;
}

/* The full-width next-quiz countdown panel. Keep the blue time tiles for contrast. */
.theme-home .countdown-strip {
  background: radial-gradient(ellipse at 50% -35%, rgba(255, 223, 151, .48), transparent 63%),
              linear-gradient(115deg, #b54d19 0%, #e77927 38%, #ef9234 55%, #bd511d 100%);
  border-top: 1px solid #ffc477;
  border-bottom: 1px solid #8c3916;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -18px 35px rgba(116,40,12,.13);
}
.theme-home .countdown-label { color: #fff9eb; font-size: clamp(1.2rem, 1.5vw, 1.35rem); text-shadow: 0 1px 5px rgba(99,33,8,.28); }
.theme-home .cd-label { color: #ffd793; }
.theme-home .cd-unit {
  background: linear-gradient(150deg, #204c9d, #132b6a 78%);
  border-color: rgba(255,222,158,.82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 10px 23px rgba(93,36,14,.24);
}
.theme-home .cd-sep { color: #fff0ce; }

/* Match the sample quiz title to the Next Live Quiz display heading. */
.theme-home .sample-heading-title {
  font-family: 'Anton', sans-serif;
  font-size: clamp(1.5rem, 2.6vw, 2.1rem);
  font-weight: 400;
  line-height: 1;
  letter-spacing: .015em;
  text-transform: uppercase;
  color: #fff;
}

/* Section labels: stronger contrast on light surfaces, warm light on navy. */
.theme-home .section-head .eyebrow-mini {
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: .065em;
  color: #a63d0d;
}
.theme-home .section-head.on-dark .eyebrow-mini { color: #ffd28a; }

/* Give the four How It Works steps a distinct surface on the pale section. */
.theme-home .steps {
  gap: 14px;
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: visible;
}
.theme-home .steps .step {
  border: 1px solid rgba(25,59,120,.16);
  border-radius: 15px;
  box-shadow: 0 10px 25px rgba(12,39,100,.11);
  overflow: hidden;
}
.theme-home .steps .step:nth-child(1) { background: linear-gradient(160deg,#fff0d7,#ffe6c7); }
.theme-home .steps .step:nth-child(2) { background: linear-gradient(160deg,#e2f9ee,#d6f2e6); }
.theme-home .steps .step:nth-child(3) { background: linear-gradient(160deg,#e2f1ff,#d8eaff); }
.theme-home .steps .step:nth-child(4) { background: linear-gradient(160deg,#f1eaff,#e9dfff); }
.theme-home .steps .step:nth-child(4)::before,
.theme-home .steps .step:nth-child(4) .num { background: #8156c7; }
.theme-home .steps .step h3 { color: #112b63; }
.theme-home .steps .step p { color: #374b6d; }

/* Rounded Pencil Box typography on editorial headings; retain Anton on the
   logo, main hero title and countdown numbers. */
.theme-home .section-head h2,
.theme-home .steps .step h3,
.theme-home .trust-headline,
.theme-home .qm-copy h2,
.theme-home .contact-section h2,
.theme-home .info-card h3 {
  font-family: 'Baloo 2', sans-serif;
  font-weight: 800;
  text-transform: none;
  letter-spacing: -.01em;
}
.theme-home .section-head h2 { line-height: 1.16; }
.theme-home .steps .step h3 { font-size: 1.16rem; line-height: 1.2; }

/* Give the introductory quiz message the same rounded headings as Pencil Box. */
.theme-home .hero .hero-subhead,
.theme-home .hero p.next-round-heading span {
  font-family: 'Baloo 2', sans-serif;
  font-weight: 800;
  letter-spacing: -.01em;
}
.theme-home .hero .hero-subhead { line-height: 1.08; }
.theme-home .hero .hero-tagline,
.theme-home .hero .hero-actions a { font-family: 'Poppins', sans-serif; }

/* Put the actions immediately after the live quiz details at every width. */
.theme-home .hero-grid > .hero-actions {
  grid-column: 1 / -1;
  justify-content: center;
  align-items: stretch;
  margin: 8px 0 14px;
}
.theme-home .hero-grid > .hero-actions a { min-width: min(230px, 100%); }
.theme-home .hero-grid > .next-round-block { margin-top: 8px !important; }
.theme-home .hero-grid > .hero-actions-mobile { display: none; }
.theme-home .hero-actions-desktop { justify-content: flex-start; margin-top: 26px; }
@media (min-width: 901px) {
  .theme-home .hero-actions-desktop {
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    margin-top: 26px;
  }
  .theme-home .hero-actions-desktop .hero-play-quiz,
  .theme-home .hero-actions-desktop .hero-play-demo {
    width: min(49%, 220px);
    min-width: 185px;
  }
}
@media (max-width: 900px) {
  .theme-home .hero-actions-desktop { display: none; }
  .theme-home .hero-grid > .hero-actions-mobile { display: flex; }
}

/* Both site-wide promises share a single clear strip below the countdown. */
.theme-home .trust-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: 0;
}
.theme-home .trust-row .trust-headline {
  justify-content: center;
  font-size: clamp(1.25rem, 2.1vw, 1.8rem);
  line-height: 1.2;
  padding: 5px 16px;
}
.theme-home .trust-row .trust-headline + .trust-headline {
  border-left: 1px solid rgba(67, 229, 255, .32);
}
.theme-home .trust-row .trust-headline strong { color: #ffd15a; }
@media (max-width: 700px) {
  .theme-home .hero-grid > .hero-actions { margin: 18px 0 4px; gap: 10px; }
  .theme-home .hero-grid > .hero-actions a { width: min(100%, 440px); }
  .theme-home .trust-row { grid-template-columns: 1fr; }
  .theme-home .trust-row .trust-headline { font-size: clamp(1.2rem, 4.6vw, 1.55rem); padding: 8px 0; }
  .theme-home .trust-row .trust-headline + .trust-headline {
    border-left: 0;
    border-top: 1px solid rgba(67, 229, 255, .32);
  }
}

/* Keep the full date together beneath its weekday. */
.theme-home .hero-card-date .hero-info-card-text strong {
  white-space: nowrap;
  overflow-wrap: normal;
  line-height: 1.15;
}
@media (max-width: 560px) {
  .theme-home .hero-card-date {
    flex-direction: column;
    align-items: center;
    gap: 2px;
  }
  .theme-home .hero-card-date .hero-info-card-text {
    align-items: center;
    text-align: center;
  }
  .theme-home .hero-card-date .hero-info-card-text strong {
    font-size: clamp(.81rem, 3vw, .98rem);
  }
}
.theme-home .hero-info-card-label,
.theme-home .hero-info-card-unit { color: #e9f6ff; }
.theme-home .hero-card-date .hero-info-card-icon { color: #c5e5ff; }
.theme-home .hero-card-time .hero-info-card-icon { color: #e0caff; }
.theme-home .hero-card-ticket .hero-info-card-icon { color: #b8fff0; }
.theme-home .hero-card-questions .hero-info-card-icon { color: #ffd1e8; }
.theme-home .final-cta {
  background: radial-gradient(ellipse at 18% 0%, rgba(255,196,178,.22), transparent 44%),
              radial-gradient(ellipse at 85% 90%, rgba(123,0,27,.35), transparent 49%),
              linear-gradient(120deg, #a30d2b 0%, #d52635 48%, #8d0d35 100%);
  box-shadow: inset 0 2px 0 rgba(255,255,255,.14), inset 0 -2px 0 rgba(78,0,19,.25);
}

/* Live quiz details: balanced icon, label and value in each colour tile. */
.theme-home .hero-info-card {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  min-height: 116px;
  padding: 16px;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 10px 22px rgba(0,12,49,.23);
}
.theme-home .hero-info-card::after { display: none; }
.theme-home .hero-info-card-icon {
  position: static;
  flex: 0 0 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.38);
  border-radius: 12px;
  background: rgba(255,255,255,.13);
  font-size: 1.55rem;
  line-height: 1;
  opacity: 1;
  transform: none;
  filter: none;
}
.theme-home .ticket-icon::before,
.theme-home .ticket-icon::after { display: none; }
.theme-home .hero-info-card-text {
  display: flex;
  align-items: flex-start;
  min-width: 0;
  width: auto;
  gap: 4px;
  text-align: left;
}
.theme-home .hero-info-card-label {
  font-family: 'Barlow', sans-serif;
  font-size: .9rem;
  font-weight: 800;
  letter-spacing: .09em;
  color: #eaf5ff;
}
.theme-home .hero-info-card-text strong,
.theme-home .hero-card-date .hero-info-card-text strong {
  font-family: 'Barlow', sans-serif;
  font-size: clamp(1.35rem, 1.65vw, 1.7rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.015em;
  color: #fff;
  text-shadow: none;
}
.theme-home .hero-card-date .hero-info-card-text strong {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  white-space: nowrap;
}
.theme-home .hero-card-date .date-weekday { font-size: 1em; }
.theme-home .hero-card-date .date-full { font-size: .76em; letter-spacing: 0; }
.theme-home .hero-card-time .hero-info-card-text strong { white-space: nowrap; }
.theme-home .hero-info-card-unit { font-size: .9rem; font-weight: 700; letter-spacing: .07em; }
@media (max-width: 900px) {
  .theme-home .hero-info-card { min-height: 112px; padding: 14px 12px; }
}
@media (max-width: 560px) {
  .theme-home .hero-info-card {
    flex-direction: column;
    align-items: center;
    gap: 7px;
    min-height: 128px;
    padding: 12px 8px;
  }
  .theme-home .hero-info-card-icon {
    flex: 0 0 31px;
    width: 31px;
    height: 31px;
    border-radius: 9px;
    font-size: 1.1rem;
  }
  .theme-home .hero-info-card-text,
  .theme-home .hero-card-date .hero-info-card-text {
    align-items: center;
    text-align: center;
    gap: 2px;
  }
  .theme-home .hero-card-date .hero-info-card-text strong { align-items: center; }
  .theme-home .hero-info-card-label { font-size: .78rem; }
  .theme-home .hero-info-card-text strong,
  .theme-home .hero-card-date .hero-info-card-text strong { font-size: clamp(1.1rem, 4.7vw, 1.4rem); }
  .theme-home .hero-card-date .date-full { font-size: .83em; }
  .theme-home .hero-info-card-unit { font-size: .78rem; }
}

/* Keep the prize pill directly below the buttons at each screen size. */
.theme-home .hero-meta { margin-top: 16px; }
.theme-home .hero-grid > .hero-meta-mobile { display: none; }
.theme-home .trust-row { grid-template-columns: 1fr; }
@media (max-width: 900px) {
  .theme-home .hero-meta-desktop { display: none; }
  .theme-home .hero-grid > .hero-actions-mobile { margin-bottom: 0; }
  .theme-home .hero-grid > .hero-meta-mobile {
    display: flex;
    grid-column: 1 / -1;
    justify-self: center;
    margin: 16px 0;
  }
  /* These two pills are adjacent CSS grid items, so their margins don't
     collapse the way normal block boxes would — left as plain 16px/16px
     each, the gap between them (16+16=32px) reads as noticeably more
     space than the gap above/below the pair. Trimming just this one's
     top margin brings it down to a normal-looking gap without touching
     the space around the pair as a whole. */
  .theme-home .hero-grid > .hero-meta-mobile.joined-players-meta { margin-top: 4px; }
  .theme-home .hero-grid > .quiz-card { margin-top: 0; }
}