.hero h1,#heroTitle{
  background:linear-gradient(92deg,#fff 0%,#d9faff 55%,#8ddfff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none !important;
  filter:drop-shadow(0 0 16px rgba(99,222,255,.08));
}

.hero p{
  color:color-mix(in srgb,var(--heroTextColor) 88%,#d6faff 12%) !important;
}

/* ---------- INTESTAZIONE GIORNATA ---------- */
.sectionHead{
  position:relative;
  padding:8px 5px 5px !important;
}

.sectionHead:after{
  content:"";
  position:absolute;
  left:4px;right:4px;bottom:-9px;height:1px;
  background:linear-gradient(90deg,var(--neo-cyan),rgba(75,124,255,.42),transparent 74%);
  opacity:.45;
}

.sectionHead h2{
  background:linear-gradient(90deg,#fff 0%,#d7fbff 46%,#7ad9ff 80%,#a998ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 15px rgba(85,218,255,.10));
}

/* ---------- MATCH CARD / HUD ---------- */
.match{
  position:relative;
  isolation:isolate;
  border-radius:29px !important;
  background:
    radial-gradient(470px 220px at 50% -45px,rgba(69,185,255,.095),transparent 67%),
    linear-gradient(180deg,rgba(7,17,34,.96) 0%,rgba(3,9,20,.985) 100%) !important;
  border:1px solid rgba(110,221,255,.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 -1px 0 rgba(75,142,255,.045),
    0 30px 72px rgba(0,0,0,.35),
    0 0 0 1px rgba(53,156,255,.025),
    0 0 46px rgba(41,159,255,.035) !important;
  transform:translateZ(0);
}

.match:hover{
  transform:translateY(-7px) scale(1.006) !important;
  border-color:rgba(112,238,255,.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 40px 90px rgba(0,0,0,.46),
    0 0 68px rgba(45,192,255,.095) !important;
}

.match .spotlightLayer{
  opacity:.82 !important;
  background:
    radial-gradient(330px circle at var(--spot-x) var(--spot-y),rgba(71,218,255,.10),transparent 65%),
    radial-gradient(460px 180px at 50% -40px,rgba(83,182,255,.075),transparent 70%) !important;
}

/* corner brackets */
.match .spotlightLayer:before{
  content:"";
  position:absolute;
  inset:11px;
  border-radius:20px;
  pointer-events:none;
  background:
    linear-gradient(var(--neo-cyan),var(--neo-cyan)) left top/34px 1px no-repeat,
    linear-gradient(var(--neo-cyan),var(--neo-cyan)) left top/1px 34px no-repeat,
    linear-gradient(var(--neo-blue),var(--neo-blue)) right top/34px 1px no-repeat,
    linear-gradient(var(--neo-blue),var(--neo-blue)) right top/1px 34px no-repeat,
    linear-gradient(var(--neo-blue),var(--neo-blue)) left bottom/34px 1px no-repeat,
    linear-gradient(var(--neo-blue),var(--neo-blue)) left bottom/1px 34px no-repeat,
    linear-gradient(var(--neo-cyan),var(--neo-cyan)) right bottom/34px 1px no-repeat,
    linear-gradient(var(--neo-cyan),var(--neo-cyan)) right bottom/1px 34px no-repeat;
  opacity:.18;
}

/* very subtle scan */
.match .spotlightLayer:after{
  content:"";
  position:absolute;
  left:7%;right:7%;
  height:1px;
  top:-5%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(124,242,255,.62),transparent);
  box-shadow:0 0 10px rgba(92,229,255,.36);
  opacity:.16;
  animation:neoScan 7.5s linear infinite;
}

.matchMeta{
  margin-top:7px !important;
}

.matchMeta .matchHint{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:auto !important;
  max-width:100%;
  min-height:27px;
  padding:6px 13px;
  border-radius:999px;
  color:#a7f3ff !important;
  background:
    linear-gradient(180deg,rgba(45,188,255,.10),rgba(23,77,135,.055));
  border:1px solid rgba(92,226,255,.20);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 22px rgba(46,199,255,.055);
  opacity:1 !important;
  text-shadow:0 0 12px rgba(75,226,255,.25);
}

.matchMeta .matchHint:before{
  content:"";
  flex:0 0 auto;
  width:5px;height:5px;border-radius:50%;
  background:var(--neo-cyan);
  box-shadow:0 0 0 3px rgba(100,245,255,.08),0 0 12px rgba(100,245,255,.75);
  animation:neoDot 1.9s ease-in-out infinite;
}

.matchDate{
  margin-top:9px !important;
  color:#c6f8ff !important;
  opacity:.91;
  text-shadow:0 0 13px rgba(80,213,255,.18);
}

/* squadre */
.teamLogo,.fallback{
  border-radius:20px !important;
  border:1px solid rgba(183,237,255,.32) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.28),
    0 14px 34px rgba(0,0,0,.28),
    0 0 26px rgba(74,200,255,.10) !important;
  transition:transform .28s ease,box-shadow .28s ease;
}

.match:hover .teamLogo,
.match:hover .fallback{
  transform:translateY(-2px) scale(1.035);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.36),
    0 17px 40px rgba(0,0,0,.32),
    0 0 31px rgba(84,218,255,.17) !important;
}

.team b{
  color:#f9fdff !important;
  text-shadow:0 0 16px rgba(128,226,255,.08);
}

/* risultato */
.score{
  position:relative;
  z-index:2;
}

.score:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;top:42%;
  width:150px;height:105px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(75,200,255,.15),rgba(51,110,255,.055) 45%,transparent 72%);
  filter:blur(8px);
}

.scoreValue{
  color:#fff !important;
  background:linear-gradient(180deg,#ffffff 5%,#e8fbff 45%,#a9dcff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:
    drop-shadow(0 0 8px rgba(126,239,255,.16))
    drop-shadow(0 10px 18px rgba(0,0,0,.22));
}

.score small{
  color:#91a4bd !important;
  letter-spacing:1.8px !important;
}

.scoreProb{
  position:relative;
  margin-top:11px !important;
  padding:7px 12px !important;
  color:#dffcff !important;
  background:
    linear-gradient(180deg,rgba(52,210,255,.105),rgba(18,70,130,.07)) !important;
  border:1px solid rgba(83,223,255,.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 0 24px rgba(43,198,255,.055) !important;
}

/* forma */
.formBlock{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(5,16,32,.70),rgba(3,11,24,.83)) !important;
  border:1px solid rgba(92,181,255,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.formBlock:before{
  content:"";
  position:absolute;
  left:12%;right:12%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(91,232,255,.30),transparent);
}

.formTitle{
  color:#8da2bd !important;
  letter-spacing:1.45px !important;
}

.formDot{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

/* alternative */
.altTitle{
  margin-top:15px !important;
  color:#8290a8 !important;
  letter-spacing:1.5px !important;
}

.scoreAlternative{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(8,19,37,.90),rgba(4,10,22,.96)) !important;
  border-color:rgba(95,180,255,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 24px rgba(0,0,0,.12) !important;
  transition:.22s ease;
}

.scoreAlternative:hover{
  border-color:rgba(91,224,255,.22) !important;
  transform:translateY(-2px);
}

.scoreAlternative span{
  color:#a9e8ff !important;
}

/* marcatore */
.scorerSingle{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(280px 90px at 50% 0%,rgba(51,153,255,.085),transparent 74%),
    linear-gradient(180deg,rgba(6,17,35,.92),rgba(3,9,20,.98)) !important;
  border-color:rgba(55,145,255,.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 0 28px rgba(30,127,255,.035) !important;
}

.scorerSingle:after{
  content:"";
  position:absolute;
  top:0;left:22%;right:22%;height:1px;
  background:linear-gradient(90deg,transparent,#2ba5ff,transparent);
  opacity:.58;
}

.scorerSingle small{
  color:#51adff !important;
  text-shadow:0 0 12px rgba(61,168,255,.18);
}

/* probabilit\0000E0  globale */
.pill{
  padding:7px 13px !important;
  color:#eafdff !important;
  background:
    linear-gradient(180deg,rgba(41,139,255,.18),rgba(21,66,132,.12)) !important;
  border:1px solid rgba(91,196,255,.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 0 24px rgba(37,137,255,.08) !important;
  text-shadow:0 0 12px rgba(122,226,255,.16);
}

/* ---------- TOP PICK CARD ---------- */
.match.topPickCard{
  border-color:rgba(115,239,255,.42) !important;
  background:
    radial-gradient(520px 240px at 50% -35px,rgba(87,235,255,.16),transparent 66%),
    radial-gradient(380px 300px at 100% 100%,rgba(112,86,255,.105),transparent 72%),
    linear-gradient(180deg,rgba(7,22,44,.98),rgba(3,9,20,.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 34px 86px rgba(0,0,0,.42),
    0 0 0 1px rgba(91,230,255,.07),
    0 0 65px rgba(59,203,255,.12) !important;
}

.topPickCard .matchMeta:before{
  content:"\002726   TOP PICK iDoppiaL";
  display:table;
  margin:0 auto 9px;
  padding:5px 11px;
  border-radius:999px;
  color:#03111c;
  background:linear-gradient(90deg,#8df6ff,#57bfff 50%,#aa9bff);
  box-shadow:0 0 28px rgba(83,226,255,.22);
  font-size:8px;
  line-height:1;
  font-weight:1000;
  letter-spacing:1.15px;
  text-transform:uppercase;
}

.topPickCard .spotlightLayer:after{
  opacity:.26;
  animation-duration:5s;
}

/* ---------- ANALISI / TOP PICK MODAL ---------- */
.matchAnalysisModal,
.topPickModal{
  background:
    radial-gradient(560px 290px at 82% -7%,rgba(83,225,255,.15),transparent 62%),
    radial-gradient(430px 310px at 0% 100%,rgba(72,92,255,.10),transparent 70%),
    linear-gradient(180deg,#07182e,#030a17) !important;
  border:1px solid rgba(100,221,255,.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 44px 120px rgba(0,0,0,.66),
    0 0 88px rgba(49,189,255,.105) !important;
}

.matchAnalysisModal:before,
.topPickModal:before{
  content:"";
  position:absolute;
  pointer-events:none;
  inset:10px;
  border-radius:20px;
  background:
    linear-gradient(var(--neo-cyan),var(--neo-cyan)) left top/32px 1px no-repeat,
    linear-gradient(var(--neo-cyan),var(--neo-cyan)) left top/1px 32px no-repeat,
    linear-gradient(var(--neo-blue),var(--neo-blue)) right bottom/32px 1px no-repeat,
    linear-gradient(var(--neo-blue),var(--neo-blue)) right bottom/1px 32px no-repeat;
  opacity:.20;
}

.matchAnalysisEyebrow,
.topPickEyebrow{
  color:#9bf4ff !important;
  text-shadow:0 0 15px rgba(83,224,255,.22);
}

.topPickAction{
  position:relative;
  overflow:hidden;
  color:#02111b !important;
  background:linear-gradient(105deg,#8cf7ff,#4ebcff 50%,#9b8cff) !important;
  box-shadow:0 12px 34px rgba(61,184,255,.20);
}

.topPickAction:after{
  content:"";
  position:absolute;
  top:-40%;bottom:-40%;
  width:60px;
  left:-90px;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);
  animation:neoButtonSweep 4.6s ease-in-out infinite;
}