/* ═══ Phase 198 (2026-07-15) — SHARED PUBLIC PAGE VISUAL OVERLAY v2 ═══
   Loaded by tests.html, free-materials.html, testimonials.html, results.html.
   Same modern edtech palette as storefront + dashboard, so every visitor sees a
   consistent premium look no matter which page they land on. */
:root{
  --v2-ink:#0e1230; --v2-ink2:#1a1f4a;
  --v2-primary:#c4161c; --v2-primary2:#e23b3b;
  --v2-blue:#3653e2; --v2-blue2:#1a2a6b;
  --v2-accent:#f59e0b; --v2-accent2:#fbd87a;
  --v2-shadow-sm:0 2px 6px rgba(20,25,80,.06);
  --v2-shadow:0 10px 30px rgba(20,25,80,.10);
  --v2-shadow-hi:0 20px 50px rgba(20,25,80,.18);
}
body{
  background:
    radial-gradient(1100px 480px at 6% -8%, #eaf0ff 0%, transparent 60%),
    radial-gradient(900px 420px at 100% 0%, #ffe5e6 0%, transparent 55%),
    linear-gradient(180deg, #faf6ea 0%, #fdf6e0 100%) !important;
}
/* Hero (used on tests, results, testimonials landing) — richer */
.hero{
  background:
    radial-gradient(600px 220px at 12% 0%, rgba(54,83,226,.08), transparent 65%),
    radial-gradient(500px 200px at 88% 100%, rgba(245,158,11,.10), transparent 60%),
    linear-gradient(160deg, #100d0a, #1c1626) !important;
  border-bottom: 3px solid var(--v2-accent) !important;
}
/* Card system */
.card, .testi, .rc, .row{
  border-radius: 14px !important;
  box-shadow: var(--v2-shadow) !important;
  transition: transform .15s, box-shadow .15s !important;
}
.card:hover, .testi:hover, .rc:hover, .row:hover{
  transform: translateY(-2px);
  box-shadow: var(--v2-shadow-hi) !important;
}
/* Primary CTA — deeper shadow + hover lift */
.btn-primary, .btn-accent, .btn.btn-primary{
  box-shadow: 0 8px 20px rgba(196,22,28,.25) !important;
  transition: transform .12s, box-shadow .15s !important;
}
.btn-primary:hover, .btn-accent:hover, .btn.btn-primary:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(196,22,28,.35) !important;
}
/* Sec-head eyebrow — gradient text */
.sec-head .eyebrow{
  background: linear-gradient(120deg, var(--v2-blue), var(--v2-primary)) !important;
  -webkit-background-clip: text; background-clip: text;
  color: transparent !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;
}