﻿
/* Oddspira Update 9 homepage */
html{--home9-title-size:clamp(2.65rem,3.65vw,3.9rem)}
html[lang^="bg"]{--home9-title-size:clamp(2.45rem,3.25vw,3.45rem)}
html[lang^="es"],html[lang^="pt"]{--home9-title-size:clamp(2.5rem,3.35vw,3.6rem)}
.home9-main{padding:12px 0 46px;background:radial-gradient(circle at 16% 12%,rgba(47,206,126,.12),transparent 30%),radial-gradient(circle at 82% 18%,rgba(42,123,255,.10),transparent 28%)}
.site-header .wrap,.home9-main>.wrap,.site-footer .wrap{width:min(1380px,calc(100% - 48px))}
.home9-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:42px;align-items:center;padding:12px 0 18px}
.home9-copy{min-width:0}
.home9-copy h1{max-width:760px;margin:0 0 14px;font-size:var(--home9-title-size);line-height:1.01;letter-spacing:-.052em;text-wrap:balance}.home9-copy h1 em{font-style:normal;color:var(--accent)}
.home9-copy p{max-width:650px;margin:0;color:#a9bdd7;font-size:.98rem;line-height:1.55}.home9-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}
.home9-visual{position:relative;min-height:250px;padding:17px;border:1px solid rgba(73,105,145,.36);border-radius:22px;background:linear-gradient(145deg,rgba(18,33,53,.98),rgba(8,18,32,.99));box-shadow:-12px 26px 65px rgba(0,0,0,.38),0 0 34px rgba(42,211,132,.06);transform-origin:48% 55%;transform:perspective(1100px) rotateY(-7deg) rotateX(1.2deg) rotateZ(-.45deg);backface-visibility:hidden;overflow:hidden}
.home9-visual:before{content:"";position:absolute;left:34%;top:43%;width:18%;height:2px;background:linear-gradient(90deg,rgba(64,220,141,.08),rgba(64,220,141,.72));transform:rotate(-24deg);transform-origin:left center;box-shadow:38px -17px 0 -1px rgba(64,220,141,.55),76px -3px 0 -1px rgba(64,220,141,.42)}
.home9-visual:after{content:"";position:absolute;right:-50px;bottom:-78px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(43,219,137,.13),transparent 68%);pointer-events:none}
.home9-pitch{position:absolute;left:17px;top:17px;bottom:17px;width:36%;border:1px solid rgba(64,220,141,.28);border-radius:11px;background:linear-gradient(rgba(64,220,141,.025),rgba(64,220,141,.008)),repeating-linear-gradient(90deg,transparent 0 28px,rgba(64,220,141,.055) 29px)}
.home9-pitch:before{content:"";position:absolute;inset:18px;border:1px solid rgba(64,220,141,.22);background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(64,220,141,.18) calc(50% - .5px),rgba(64,220,141,.18) calc(50% + .5px),transparent calc(50% + .5px))}
.home9-pitch:after{content:"";position:absolute;width:48px;height:48px;border:1px solid rgba(64,220,141,.3);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:-70px 0 0 -18px rgba(64,220,141,.16),70px 0 0 -18px rgba(64,220,141,.16)}
.home9-metric{position:absolute;padding:13px;border:1px solid rgba(73,105,145,.28);border-radius:13px;background:linear-gradient(145deg,rgba(17,33,53,.95),rgba(11,24,41,.94));box-shadow:0 14px 28px rgba(0,0,0,.18)}.home9-metric small{display:block;color:#92a9c5;font-size:.72rem}.home9-metric strong{display:block;margin-top:6px;font-size:1.4rem}.home9-metric.ev{left:39%;top:17px;width:25%;height:86px}.home9-metric.ev strong{color:var(--accent)}.home9-metric.prob{left:39%;bottom:17px;width:25%;height:86px}.home9-metric.chart{right:17px;top:17px;bottom:17px;width:31%;display:flex;flex-direction:column}.home9-metric.chart small{font-size:.8rem;color:#f1f6ff}.home9-line{position:relative;flex:1;min-height:108px;margin-top:10px;border-bottom:2px solid var(--accent);clip-path:polygon(0 72%,10% 63%,19% 69%,29% 48%,39% 57%,51% 34%,62% 46%,73% 27%,84% 36%,100% 7%,100% 100%,0 100%);background:linear-gradient(rgba(59,216,137,.27),rgba(59,216,137,.03))}.home9-line:after{content:"";position:absolute;right:2px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px rgba(64,220,141,.85)}
.home9-panel{margin-top:16px;padding:18px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,rgba(18,31,50,.93),rgba(8,18,31,.92));box-shadow:var(--shadow)}
.home9-section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}.home9-section-head h2{margin:0;font-size:1.32rem}.home9-section-head p{margin:5px 0 0;color:var(--muted);font-size:.82rem}
.home9-matches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.home9-match{min-width:0;padding:13px;border:1px solid rgba(54,77,108,.7);border-radius:13px;background:rgba(12,24,40,.78)}
.home9-match-top{display:flex;justify-content:space-between;gap:8px;min-height:34px;color:#9db4cf;font-size:.65rem}.home9-match-time{margin:10px 0 7px;color:#9db4cf;font-size:.75rem}.home9-match-time.live{color:#ff6464;font-weight:900}
.home9-team{display:flex;align-items:center;gap:8px;min-height:30px;font-size:.82rem;font-weight:850}.home9-team img{width:23px;height:23px;object-fit:contain}.home9-score{margin-left:auto;font-size:.95rem}
.home9-match-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.home9-match-actions a{padding:8px 5px;border:1px solid var(--border);border-radius:8px;text-align:center;font-size:.68rem;font-weight:850}.home9-match-actions a:last-child{color:#06140c;border-color:transparent;background:var(--accent)}
.home9-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home9-mini{padding:17px;border:1px solid var(--border);border-radius:14px;background:rgba(12,24,40,.7)}.home9-mini h3{margin:0 0 12px;font-size:1rem}.home9-mini-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(63,83,110,.35);color:#b7c8dc;font-size:.8rem}.home9-mini-row:last-child{border-bottom:0}.home9-mini-row strong{color:#eff6ff}
.home9-tools{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.home9-tool{padding:20px 12px;border:1px solid var(--border);border-radius:13px;text-align:center;background:rgba(12,24,40,.7)}.home9-tool b{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 11px;border-radius:14px;background:rgba(63,216,137,.1);color:var(--accent);font-size:1.45rem}.home9-tool strong{display:block;font-size:.82rem}.home9-tool small{display:block;margin-top:6px;color:var(--muted);font-size:.68rem}
.home9-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:0;overflow:hidden}.home9-benefit{padding:20px;background:rgba(12,24,40,.78)}.home9-benefit strong{display:block}.home9-benefit span{display:block;margin-top:5px;color:var(--muted);font-size:.76rem}
.home9-loading,.home9-empty{grid-column:1/-1;padding:34px;text-align:center;color:var(--muted)}
@media(max-width:1100px){.home9-matches{grid-template-columns:repeat(3,1fr)}.home9-tools{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.home9-hero{grid-template-columns:1fr;gap:28px}.home9-visual{min-height:300px;transform:none}.home9-dashboard{grid-template-columns:1fr}.home9-benefits{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.home9-main{padding-top:16px}.home9-hero{padding-top:16px}.home9-copy h1{font-size:2.55rem}.home9-visual{min-height:260px;padding:14px}.home9-pitch{left:14px;top:14px;bottom:14px;width:36%}.home9-metric.ev,.home9-metric.prob{left:39%;width:25%}.home9-metric.chart{right:14px;top:14px;bottom:14px;width:31%}.home9-matches,.home9-tools{grid-template-columns:1fr 1fr}.home9-section-head{align-items:flex-start;flex-direction:column}.home9-benefits{grid-template-columns:1fr}}

@media(min-width:821px) and (max-height:900px){.home9-main{padding-top:8px}.home9-hero{padding-top:8px;padding-bottom:14px}.home9-visual{min-height:235px}.home9-panel{margin-top:10px}}
@media(max-width:820px){.site-header .wrap,.home9-main>.wrap,.site-footer .wrap{width:min(100% - 30px,1140px)}}

/* Update 10: clearer real form indicators */
.home9-team{position:relative}.home9-team-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home9-form{display:inline-flex;align-items:center;gap:4px;margin-left:auto;margin-right:3px;flex:0 0 auto}.home9-form i{display:block;width:10px;height:10px;border-radius:50%;background:#35475d;box-shadow:0 0 0 1px rgba(255,255,255,.06)}.home9-form i.w{background:#44d78b}.home9-form i.d{background:#e7bd4a}.home9-form i.l{background:#ff6767}.home9-score{margin-left:3px}.home9-mini strong.positive{color:#44d78b}.home9-mini strong.negative{color:#ff6767}.home9-fav-names{display:block;margin-top:8px;color:#91a8c2;font-size:.73rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:760px){.home9-form{gap:3px}.home9-form i{width:9px;height:9px}}

/* Update 11: richer featured matches and separated tracker */
.home9-match-top>span:first-child{display:grid;gap:2px;min-width:0}.home9-match-top b{font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home9-match-top small{color:#7f9ab9;font-size:.58rem;font-weight:750}.home9-form{position:relative;display:inline-flex;gap:4px;align-items:center;flex:0 0 auto}.home9-form i{width:10px;height:10px;border-radius:50%;background:#35475d;box-shadow:0 0 0 1px rgba(255,255,255,.05)}.home9-form i.w{background:#44d78b}.home9-form i.d{background:#f2c94c}.home9-form i.l{background:#ff6767}.home9-form i[title]{cursor:help}.home9-tracker-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px}.home9-tracker-strip>div{display:grid;gap:3px}.home9-tracker-strip h3{margin:0;font-size:1rem}.home9-tracker-strip p{margin:0;color:var(--muted);font-size:.76rem}.home9-tracker-strip a{flex:0 0 auto}.home9-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}.home9-mini .home9-tracker-inline{display:none}@media(max-width:760px){.home9-tracker-strip{align-items:flex-start;flex-direction:column}.home9-dashboard{grid-template-columns:1fr}.home9-form{gap:3px}.home9-form i{width:9px;height:9px}}

/* Update 11.1: branded form tooltip and clickable result dots */
.home9-form i[data-tooltip]{position:relative;cursor:pointer;outline:none;transition:transform .16s ease,box-shadow .16s ease}
.home9-form i[data-tooltip]:hover,.home9-form i[data-tooltip]:focus-visible{transform:scale(1.28);box-shadow:0 0 0 3px rgba(68,215,139,.16),0 4px 12px rgba(0,0,0,.3);z-index:30}
.home9-form i[data-tooltip]::before{content:"";position:absolute;left:50%;bottom:calc(100% + 7px);transform:translateX(-50%);border:6px solid transparent;border-top-color:#18304a;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,visibility .14s ease;z-index:50}
.home9-form i[data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 18px);transform:translateX(-50%);min-width:190px;max-width:260px;padding:10px 12px;border:1px solid rgba(70,220,148,.38);border-radius:10px;background:linear-gradient(145deg,#13283d,#0c1a2b);box-shadow:0 14px 34px rgba(0,0,0,.42);color:#edf7ff;font:750 .72rem/1.35 system-ui,-apple-system,Segoe UI,sans-serif;white-space:normal;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,visibility .14s ease;z-index:49}
.home9-form i[data-tooltip]:hover::before,.home9-form i[data-tooltip]:hover::after,.home9-form i[data-tooltip]:focus-visible::before,.home9-form i[data-tooltip]:focus-visible::after{opacity:1;visibility:visible}
@media(max-width:760px){.home9-form i[data-tooltip]::after{min-width:165px;max-width:210px;font-size:.68rem}}

/* Update 11.2: unified W/D/L form badges */
.home9-form i{width:20px!important;height:20px!important;border-radius:6px!important;display:grid!important;place-items:center!important;font-style:normal;font-size:.58rem!important;font-weight:950!important;color:#071521!important;line-height:1!important}.home9-form i.w{background:#44d78b!important}.home9-form i.d{background:#f2c94c!important}.home9-form i.l{background:#ff6767!important}@media(max-width:760px){.home9-form i{width:18px!important;height:18px!important;font-size:.54rem!important}}

/* Update 11.3: keep team names readable beside W/D/L */
.home9-team{display:grid!important;grid-template-columns:23px minmax(0,1fr) auto!important;gap:5px 8px!important;align-items:center!important}
.home9-team img{grid-column:1;grid-row:1}.home9-team-name{grid-column:2;grid-row:1;min-width:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home9-score{grid-column:3;grid-row:1;margin-left:0!important}.home9-team .home9-form{grid-column:2/4;grid-row:2;margin:0!important;justify-content:flex-start}.home9-team .home9-form i{width:17px!important;height:17px!important;font-size:.5rem!important;border-radius:5px!important}


/* ODDSPIRA HOME14 FINAL HERO */
.header-tracker-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 16px;
  margin-left:12px;
  border-radius:8px;
  color:#04130d;
  background:linear-gradient(135deg,#3ee18e,#15b964);
  font-size:.78rem;
  font-weight:850;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(20,185,100,.18);
}
.home14-hero{
  position:relative;
  display:grid;
  grid-template-columns:37% 63%;
  gap:26px;
  min-height:328px;
  padding:26px 0 18px;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
}
.home14-copy{position:relative;z-index:3;max-width:500px}
.home14-kicker{
  display:flex;align-items:center;gap:9px;margin-bottom:13px;
  color:#35e486;font-size:.66rem;font-weight:900;letter-spacing:.12em
}
.home14-kicker span{
  width:7px;height:7px;border-radius:50%;background:#35e486;
  box-shadow:0 0 0 5px rgba(53,228,134,.08),0 0 15px rgba(53,228,134,.8)
}
.home14-copy h1{
  margin:0;color:#f5f9fc;font-size:clamp(2.5rem,3.3vw,3.65rem);
  line-height:.97;letter-spacing:-.052em;font-weight:900
}
.home14-copy h1 em{color:#35d97d;font-style:normal}
.home14-copy p{
  max-width:455px;margin:13px 0 0;color:#9fb4c4;
  font-size:.86rem;line-height:1.44
}
.home14-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.home14-actions a{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:42px;padding:0 17px;border-radius:8px;font-size:.77rem;
  font-weight:850;text-decoration:none;transition:.2s ease
}
.home14-actions a:hover{transform:translateY(-2px)}
.home14-primary{
  color:#03150d;background:linear-gradient(135deg,#43df94,#16b965);
  box-shadow:0 14px 30px rgba(20,185,101,.2)
}
.home14-secondary{
  color:#eef6fb;background:rgba(7,20,34,.72);
  border:1px solid rgba(125,158,183,.3)
}
.home14-trust{
  display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;
  color:#8197a8;font-size:.64rem
}
.home14-visual{position:relative;min-height:278px;width:100%;perspective:1200px}
.home14-grid{
  position:absolute;inset:-10% 2% -4% -8%;opacity:.2;
  background-image:linear-gradient(rgba(43,214,126,.18) 1px,transparent 1px),
  linear-gradient(90deg,rgba(43,214,126,.18) 1px,transparent 1px);
  background-size:32px 32px;
  transform:rotateX(62deg) rotateZ(-7deg) translateY(18%);
  mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent)
}
.home14-glow{
  position:absolute;left:18%;top:5%;width:48%;height:72%;
  background:radial-gradient(circle,rgba(31,223,128,.18),transparent 68%);
  filter:blur(24px)
}
.home14-pitch-card{
  position:absolute;left:10%;top:1%;width:32%;height:76%;padding:12px;
  border:1px solid rgba(45,225,132,.5);border-radius:18px;
  background:linear-gradient(150deg,rgba(7,39,42,.97),rgba(3,15,27,.97));
  box-shadow:0 25px 58px rgba(0,0,0,.5),0 0 34px rgba(35,221,128,.16);
  transform:rotateY(7deg) rotateZ(4deg)
}
.home14-pitch{
  position:relative;width:100%;height:100%;overflow:hidden;
  border:2px solid rgba(47,226,133,.46);border-radius:13px;
  background:
  linear-gradient(90deg,transparent 49.6%,rgba(47,226,133,.28) 49.8%,rgba(47,226,133,.28) 50.2%,transparent 50.4%),
  radial-gradient(circle at center,transparent 0 13%,rgba(47,226,133,.3) 13.3% 13.8%,transparent 14.1%)
}
.home14-pitch:before,.home14-pitch:after{
  content:"";position:absolute;left:31%;width:38%;height:16%;
  border:2px solid rgba(47,226,133,.34)
}
.home14-pitch:before{top:-2px;border-top:0;border-radius:0 0 9px 9px}
.home14-pitch:after{bottom:-2px;border-bottom:0;border-radius:9px 9px 0 0}
.home14-pitch i{
  position:absolute;width:10px;height:10px;border-radius:50%;background:#e7fff1;
  box-shadow:0 0 0 4px rgba(47,226,133,.07),0 0 16px rgba(47,226,133,.92)
}
.home14-pitch .p1{left:24%;top:18%}.home14-pitch .p2{right:18%;top:22%}
.home14-pitch .p3{left:42%;top:36%}.home14-pitch .p4{right:31%;top:48%}
.home14-pitch .p5{left:19%;bottom:23%}.home14-pitch .p6{right:23%;bottom:22%}
.home14-pitch .p7{left:48%;bottom:12%}.home14-pitch .ball{left:49%;top:51%;width:9px;height:9px;background:#fff}
.home14-stat,.home14-chart{
  border:1px solid rgba(115,150,176,.24);
  background:linear-gradient(145deg,rgba(10,26,42,.98),rgba(5,18,31,.99));
  box-shadow:0 24px 58px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.03)
}
.home14-stat{
  position:absolute;width:18%;min-height:80px;padding:12px 13px;border-radius:13px
}
.home14-stat small,.home14-chart small{display:block;color:#a6b7c4;font-size:.6rem;font-weight:750}
.home14-stat strong{display:block;margin-top:6px;color:#f6fbff;font-size:1.42rem;line-height:1}
.home14-stat span{display:block;margin-top:5px;color:#31dd80;font-size:.57rem;font-weight:800}
.home14-ev{left:47%;top:5%;transform:rotateZ(3deg)}
.home14-ev strong{color:#36e286}
.home14-prob{left:45.5%;top:41%;width:19%;transform:rotateZ(-1.5deg)}
.home14-chart{
  position:absolute;right:1%;top:6%;width:32%;height:75%;
  padding:15px 16px 12px;border-radius:16px;transform:rotateY(-5deg) rotateZ(3deg)
}
.home14-chart-head strong{display:block;margin-top:4px;color:#f6fbff;font-size:1.45rem}
.home14-chart svg{width:100%;height:58%;margin-top:7px;overflow:visible}
.home14-chart .area{fill:url(#home14Area)}
.home14-chart .line{
  fill:none;stroke:#2be57f;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 7px rgba(43,229,127,.45))
}
.home14-chart circle{fill:#ddffec;stroke:#24dd79;stroke-width:3}
.home14-axis{display:flex;justify-content:space-between;color:#698092;font-size:.52rem}
@media(max-width:1180px){
  .home14-hero{grid-template-columns:39% 61%}
  .home14-copy h1{font-size:clamp(2.35rem,3.3vw,3.3rem)}
}
@media(max-width:1050px){
  .header-tracker-cta{display:none}
  .home14-hero{grid-template-columns:1fr;min-height:auto;padding:36px 0 20px;gap:16px}
  .home14-copy{max-width:700px}
  .home14-visual{min-height:320px;max-width:760px;justify-self:center}
}
@media(max-width:680px){
  .home14-copy h1{font-size:clamp(2.25rem,11.4vw,3.3rem)}
  .home14-copy p{font-size:.9rem}
  .home14-actions{display:grid}.home14-actions a{width:100%}
  .home14-trust{display:grid;grid-template-columns:1fr 1fr}
  .home14-visual{min-height:290px;transform:scale(.86);transform-origin:top center;margin-bottom:-42px}
}
@media(max-width:430px){
  .home14-trust{grid-template-columns:1fr}
  .home14-visual{width:118%;margin-left:-9%;transform:scale(.78);margin-bottom:-58px}
}

/* HOME14 TUNE V2 START */
.home14-hero{
  align-items:start;
  padding-top:22px;
  padding-bottom:14px;
}

.home14-copy{
  transform:translateY(-12px);
}

.home14-visual{
  min-height:300px;
}

.home14-pitch-card{
  left:9%;
  top:1.5%;
  width:33.5%;
  height:75%;
  transform-origin:18% 10%;
  transform:perspective(1200px) rotateY(14deg) rotateX(1deg) rotateZ(4.2deg);
  box-shadow:
    0 26px 62px rgba(0,0,0,.54),
    0 0 34px rgba(35,221,128,.16),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.home14-ev,
.home14-prob,
.home14-chart{
  backdrop-filter:blur(5px);
}

.home14-ev{
  left:47.5%;
  top:6.5%;
  width:18%;
  min-height:82px;
  transform:rotateZ(1.5deg);
}

.home14-prob{
  left:47.5%;
  top:40.5%;
  width:18%;
  min-height:82px;
  transform:rotateZ(-1deg);
}

.home14-chart{
  right:1.2%;
  top:6.5%;
  width:32%;
  height:74%;
  transform:perspective(1200px) rotateY(-4deg) rotateZ(2deg);
}

.home14-chart svg{
  margin-top:10px;
}

@media(max-width:1050px){
  .home14-copy{
    transform:translateY(-6px);
  }
  .home14-visual{
    min-height:330px;
  }
}

@media(max-width:680px){
  .home14-copy{
    transform:none;
  }
}
/* HOME14 TUNE V2 END */

/* HOME15 TOP MATCHES DASHBOARD START */
.home15-dashboard{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px 280px;
  gap:12px;
  margin-top:12px;
  align-items:stretch;
}
.home15-panel,
.home15-side{
  min-width:0;
  border:1px solid rgba(91,126,154,.25);
  border-radius:14px;
  background:
    linear-gradient(180deg,rgba(10,26,43,.92),rgba(6,19,33,.96)),
    radial-gradient(circle at top left,rgba(40,221,128,.05),transparent 38%);
  box-shadow:0 18px 42px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.025);
}
.home15-matches-panel{
  padding:14px;
}
.home15-panel-head,
.home15-side-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}
.home15-title-row{
  display:flex;
  align-items:center;
  gap:8px;
}
.home15-title-row h2,
.home15-side-head h3{
  margin:0;
  color:#f5f9fc;
  font-size:.92rem;
  letter-spacing:-.01em;
}
.home15-panel-head p{
  margin:4px 0 0;
  color:#7f96a8;
  font-size:.66rem;
}
.home15-fire{
  font-size:.92rem;
}
.home15-live-pill{
  display:inline-flex;
  align-items:center;
  min-height:18px;
  padding:0 7px;
  border-radius:999px;
  color:#37e58b;
  background:rgba(55,229,139,.1);
  border:1px solid rgba(55,229,139,.18);
  font-size:.52rem;
  font-weight:900;
  letter-spacing:.06em;
}
.home15-head-link{
  flex:0 0 auto;
  color:#38df87;
  font-size:.61rem;
  font-weight:800;
  text-decoration:none;
}
.home15-matches{
  display:grid;
  grid-template-columns:repeat(4,minmax(150px,1fr));
  gap:9px;
  margin-top:12px;
}
.home15-matches .home9-match{
  min-width:0;
  min-height:150px;
  padding:11px;
  border-radius:11px;
  border-color:rgba(88,122,151,.22);
  background:linear-gradient(180deg,rgba(12,29,47,.96),rgba(7,21,36,.98));
  box-shadow:inset 0 1px rgba(255,255,255,.02);
}
.home15-matches .home9-match:hover{
  transform:translateY(-2px);
  border-color:rgba(49,222,131,.35);
  box-shadow:0 14px 28px rgba(0,0,0,.26),0 0 0 1px rgba(49,222,131,.04);
}
.home15-matches .home9-match-top{
  margin-bottom:8px;
}
.home15-matches .home9-team{
  min-height:28px;
  font-size:.74rem;
}
.home15-matches .home9-team img{
  width:20px;
  height:20px;
}
.home15-matches .home9-match-actions a{
  min-height:30px;
  border-radius:7px;
  font-size:.62rem;
}
.home15-side{
  padding:14px;
  display:flex;
  flex-direction:column;
}
.home15-overview-list{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.home15-overview-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:38px;
  padding:0 10px;
  border:1px solid rgba(84,117,145,.18);
  border-radius:9px;
  background:rgba(7,20,34,.56);
  color:#9fb2c1;
  font-size:.68rem;
}
.home15-overview-row strong{
  color:#f5f9fc;
  font-size:.8rem;
}
.home15-overview-link{
  text-decoration:none;
}
.home15-overview-link:hover{
  border-color:rgba(51,224,132,.3);
  color:#dff9ea;
}
.home15-fav-names{
  min-height:16px;
  color:#71889a;
  font-size:.61rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home15-tracker-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:12px;
}
.home15-tracker-grid div{
  min-height:58px;
  padding:9px;
  border:1px solid rgba(84,117,145,.18);
  border-radius:9px;
  background:rgba(7,20,34,.56);
}
.home15-tracker-grid span{
  display:block;
  color:#8298a9;
  font-size:.6rem;
}
.home15-tracker-grid strong{
  display:block;
  margin-top:6px;
  color:#f4f9fc;
  font-size:.95rem;
}
.home15-tracker-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  margin-top:auto;
  padding:0 12px;
  border-radius:8px;
  color:#03140c;
  background:linear-gradient(135deg,#3fe18e,#18bc68);
  font-size:.68rem;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 12px 24px rgba(21,188,104,.14);
}
@media(max-width:1200px){
  .home15-dashboard{
    grid-template-columns:minmax(0,1fr) 250px;
  }
  .home15-tracker-panel{
    grid-column:1 / -1;
  }
  .home15-tracker-panel{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:14px;
  }
  .home15-tracker-panel .home15-side-head{
    grid-column:1 / -1;
  }
  .home15-tracker-grid{
    grid-template-columns:repeat(4,1fr);
    margin-top:0;
  }
  .home15-tracker-button{
    margin-top:0;
    min-width:180px;
  }
}
@media(max-width:900px){
  .home15-dashboard{
    grid-template-columns:1fr;
  }
  .home15-matches{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .home15-tracker-panel{
    display:flex;
  }
  .home15-tracker-grid{
    grid-template-columns:repeat(2,1fr);
    margin-top:12px;
  }
  .home15-tracker-button{
    margin-top:12px;
  }
}
@media(max-width:560px){
  .home15-panel-head{
    flex-direction:column;
  }
  .home15-matches{
    grid-template-columns:1fr;
  }
  .home15-tracker-grid{
    grid-template-columns:1fr 1fr;
  }
}
/* HOME15 TOP MATCHES DASHBOARD END */

/* HOME15 DASHBOARD V2 ALIGNMENT START */
.home15-dashboard{
  grid-template-columns:minmax(0,1fr) 280px 280px;
  grid-template-areas:
    "matches overview tracker"
    "tools overview tracker";
  align-items:stretch;
}
.home15-matches-panel{grid-area:matches}
.home15-overview-panel{grid-area:overview;height:100%}
.home15-tracker-panel{grid-area:tracker;height:100%}
.home15-tools-panel{
  grid-area:tools;
  margin-top:0;
  padding:12px 14px;
  align-self:stretch;
}
.home15-tools-panel .home9-section-head{margin-bottom:10px}
.home15-tools-panel .home9-tools{gap:8px}
.home15-tools-panel .home9-tool{min-height:76px;padding:11px 9px}
.home15-tools-panel .home9-tool b{
  width:34px;height:34px;border-radius:10px;font-size:1.05rem
}
.home15-tools-panel .home9-tool strong{font-size:.7rem}
.home15-tools-panel .home9-tool small{margin-top:3px;font-size:.58rem}
.home15-overview-panel,
.home15-tracker-panel{min-height:100%}
.home15-overview-list{flex:1}
.home15-tracker-panel{display:flex;flex-direction:column}
.home15-tracker-grid{flex:0 0 auto}
.home15-tracker-button{margin-top:auto}

@media(max-width:1200px){
  .home15-dashboard{
    grid-template-columns:minmax(0,1fr) 260px;
    grid-template-areas:
      "matches overview"
      "tools overview"
      "tracker tracker";
  }
  .home15-tracker-panel{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:14px;
    height:auto;
  }
  .home15-tracker-panel .home15-side-head{grid-column:1 / -1}
  .home15-tracker-grid{
    grid-template-columns:repeat(4,1fr);
    margin-top:0;
  }
  .home15-tracker-button{
    margin-top:0;
    min-width:180px;
  }
}
@media(max-width:900px){
  .home15-dashboard{
    grid-template-columns:1fr;
    grid-template-areas:
      "matches"
      "tools"
      "overview"
      "tracker";
  }
  .home15-overview-panel,
  .home15-tracker-panel{height:auto}
  .home15-tracker-panel{display:flex}
  .home15-tracker-grid{
    grid-template-columns:repeat(2,1fr);
    margin-top:12px;
  }
  .home15-tracker-button{margin-top:12px}
}
/* HOME15 DASHBOARD V2 ALIGNMENT END */

/* HOME16 LOWER DASHBOARD START */
.home16-lower-dashboard{
  margin-top:12px;
  display:grid;
  gap:12px;
}
.home16-grid{
  display:grid;
  grid-template-columns:280px minmax(0,1fr) 360px;
  gap:12px;
  align-items:stretch;
}
.home16-panel{
  min-width:0;
  border:1px solid rgba(91,126,154,.25);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(10,26,43,.92),rgba(6,19,33,.96));
  box-shadow:0 18px 42px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
}
.home16-stats,
.home16-leagues,
.home16-news{
  padding:14px;
}
.home16-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
}
.home16-head h2,
.home16-learn h2{
  margin:0;
  color:#f5f9fc;
  font-size:.9rem;
}
.home16-head a,
.home16-learn a{
  color:#8ea4b5;
  font-size:.58rem;
  font-weight:800;
  text-decoration:none;
}
.home16-head a:hover,
.home16-learn a:hover{color:#38df87}
.home16-stats-list{
  display:grid;
  gap:8px;
}
.home16-stats-list div{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  min-height:39px;
  padding:0 10px;
  border-radius:9px;
  border:1px solid rgba(84,117,145,.18);
  background:rgba(7,20,34,.56);
}
.home16-stats-list span{
  color:#9bb0bf;
  font-size:.65rem;
}
.home16-stats-list strong{
  color:#f5f9fc;
  font-size:.78rem;
}
.home16-league-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.home16-league-card{
  display:grid;
  justify-items:center;
  align-content:center;
  min-height:124px;
  padding:10px 8px;
  border-radius:10px;
  border:1px solid rgba(84,117,145,.18);
  background:rgba(7,20,34,.56);
  text-align:center;
  text-decoration:none;
}
.home16-league-card:hover{
  transform:translateY(-2px);
  border-color:rgba(51,224,132,.3);
}
.home16-league-card span{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:12px;
  color:#38df87;
  background:rgba(56,223,135,.09);
  border:1px solid rgba(56,223,135,.16);
  font-weight:900;
}
.home16-league-card strong{
  margin-top:8px;
  color:#f1f7fb;
  font-size:.62rem;
}
.home16-league-card small{
  margin-top:3px;
  color:#72899a;
  font-size:.53rem;
}
.home16-news-list{
  display:grid;
  gap:8px;
}
.home16-news-list article{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:8px;
  padding:8px 9px;
  border-radius:9px;
  border:1px solid rgba(84,117,145,.18);
  background:rgba(7,20,34,.56);
}
.home16-news-list span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:8px;
  color:#38df87;
  background:rgba(56,223,135,.08);
  font-size:.56rem;
  font-weight:900;
}
.home16-news-list p{
  margin:0;
  color:#dfeaf1;
  font-size:.61rem;
  line-height:1.35;
}
.home16-news-list small{
  grid-column:2;
  color:#71889a;
  font-size:.51rem;
}
.home16-learn{
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:12px;
  padding:14px;
  align-items:stretch;
}
.home16-learn-intro{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:2px 4px;
}
.home16-learn-intro p{
  margin:6px 0 12px;
  color:#8ea3b3;
  font-size:.64rem;
  line-height:1.45;
}
.home16-guide-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.home16-guide-card{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  min-height:104px;
  overflow:hidden;
  border-radius:10px;
  border:1px solid rgba(84,117,145,.18);
  background:rgba(7,20,34,.56);
  text-decoration:none;
}
.home16-guide-card:hover{
  border-color:rgba(51,224,132,.3);
  transform:translateY(-2px);
}
.home16-guide-visual{
  display:grid;
  place-items:center;
  color:#38df87;
  background:
    linear-gradient(135deg,rgba(56,223,135,.13),rgba(8,25,39,.88)),
    repeating-linear-gradient(45deg,transparent 0 9px,rgba(255,255,255,.018) 9px 10px);
  font-size:2rem;
  font-weight:900;
}
.home16-guide-card > div:last-child{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:10px;
}
.home16-guide-card strong{
  color:#f2f8fb;
  font-size:.67rem;
  line-height:1.3;
}
.home16-guide-card small{
  margin-top:8px;
  color:#38df87;
  font-size:.56rem;
}
@media(max-width:1180px){
  .home16-grid{
    grid-template-columns:260px minmax(0,1fr);
  }
  .home16-news{
    grid-column:1 / -1;
  }
  .home16-news-list{
    grid-template-columns:repeat(3,1fr);
  }
}
@media(max-width:900px){
  .home16-grid{
    grid-template-columns:1fr;
  }
  .home16-news{
    grid-column:auto;
  }
  .home16-league-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .home16-news-list{
    grid-template-columns:1fr;
  }
  .home16-learn{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .home16-league-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .home16-guide-grid{
    grid-template-columns:1fr;
  }
  .home16-guide-card{
    grid-template-columns:74px minmax(0,1fr);
  }
}
/* HOME16 LOWER DASHBOARD END */

/* HOME16 LOWER DASHBOARD POLISH V1 START */

/* Tighter overall rhythm */
.home16-lower-dashboard{
  gap:10px;
  margin-top:10px;
}
.home16-grid{
  gap:10px;
}

/* Keep all three top panels visually aligned */
.home16-stats,
.home16-leagues,
.home16-news{
  min-height:294px;
  padding:13px;
}

/* Compact headings */
.home16-head{
  margin-bottom:9px;
}
.home16-head h2{
  font-size:.86rem;
}
.home16-head a{
  font-size:.55rem;
}

/* Popular Leagues: denser and more premium */
.home16-league-grid{
  height:calc(100% - 30px);
  align-items:stretch;
  gap:7px;
}
.home16-league-card{
  min-height:0;
  height:100%;
  padding:9px 7px;
  border-radius:9px;
}
.home16-league-card span{
  width:38px;
  height:38px;
  border-radius:10px;
}
.home16-league-card strong{
  margin-top:7px;
  font-size:.6rem;
  line-height:1.2;
}
.home16-league-card small{
  margin-top:2px;
  font-size:.51rem;
}

/* Key Stats: slightly tighter */
.home16-stats-list{
  gap:7px;
}
.home16-stats-list div{
  min-height:37px;
  padding:0 9px;
}

/* Football News: tighter vertical balance */
.home16-news-list{
  gap:7px;
}
.home16-news-list article{
  min-height:0;
  padding:8px;
}
.home16-news-list p{
  font-size:.59rem;
}
.home16-news-list small{
  font-size:.5rem;
}

/* Learn section: reduce unnecessary height */
.home16-learn{
  padding:12px 13px;
  gap:10px;
}
.home16-guide-card{
  min-height:96px;
}
.home16-guide-card > div:last-child{
  padding:9px;
}

/* Slightly reduce empty space before footer */
.home16-lower-dashboard + .site-footer{
  margin-top:14px;
}

@media(max-width:1180px){
  .home16-stats,
  .home16-leagues,
  .home16-news{
    min-height:auto;
  }
  .home16-league-grid{
    height:auto;
  }
}
/* HOME16 LOWER DASHBOARD POLISH V1 END */

/* HOME16 LOWER DASHBOARD POLISH V2 START */

/* Remove forced oversized panel height */
.home16-stats,
.home16-leagues,
.home16-news{
  min-height:0;
  height:auto;
}

/* Key Stats and Football News should fit their content */
.home16-stats{
  align-self:start;
}
.home16-news{
  align-self:start;
}
.home16-stats-list div{
  min-height:35px;
}
.home16-news-list article{
  min-height:58px;
}

/* Popular Leagues: smaller cards, less empty space */
.home16-leagues{
  align-self:start;
}
.home16-league-grid{
  height:auto;
  align-items:stretch;
}
.home16-league-card{
  min-height:112px;
  height:auto;
  padding:10px 6px;
}
.home16-league-card span{
  width:36px;
  height:36px;
}
.home16-league-card strong{
  margin-top:6px;
}
.home16-league-card small{
  margin-top:2px;
}

/* Make the entire row use natural content height */
.home16-grid{
  align-items:start;
}

/* Tighten Learn section slightly */
.home16-learn{
  margin-top:0;
}

/* HOME16 LOWER DASHBOARD POLISH V2 END */

/* HOME16 LOWER DASHBOARD ALIGNMENT V3 START */

/* One clean bottom line across the full lower dashboard row */
.home16-grid{
  align-items:stretch;
}
.home16-stats,
.home16-leagues,
.home16-news{
  height:238px;
  min-height:238px;
  align-self:stretch;
  overflow:hidden;
}

/* Key Stats: use the space evenly without looking empty */
.home16-stats{
  display:flex;
  flex-direction:column;
}
.home16-stats-list{
  flex:1;
  grid-template-rows:repeat(4,1fr);
}
.home16-stats-list div{
  min-height:0;
}

/* Popular Leagues: compact but vertically balanced */
.home16-leagues{
  display:flex;
  flex-direction:column;
}
.home16-league-grid{
  flex:1;
  height:auto;
}
.home16-league-card{
  height:100%;
  min-height:0;
  padding:8px 6px;
}
.home16-league-card span{
  width:34px;
  height:34px;
  border-radius:9px;
}
.home16-league-card strong{
  margin-top:5px;
  font-size:.58rem;
}
.home16-league-card small{
  font-size:.49rem;
}

/* Football News: fit three rows cleanly into the same height */
.home16-news{
  display:flex;
  flex-direction:column;
}
.home16-news-list{
  flex:1;
  grid-template-rows:repeat(3,1fr);
}
.home16-news-list article{
  min-height:0;
  height:100%;
  align-content:center;
  padding:7px 8px;
}
.home16-news-list span{
  width:26px;
  height:26px;
}
.home16-news-list p{
  font-size:.57rem;
  line-height:1.28;
}
.home16-news-list small{
  font-size:.48rem;
}

/* Keep the next row close and aligned */
.home16-learn{
  margin-top:0;
}

@media(max-width:1180px){
  .home16-stats,
  .home16-leagues,
  .home16-news{
    height:auto;
    min-height:0;
    overflow:visible;
  }
  .home16-stats-list,
  .home16-news-list{
    grid-template-rows:none;
  }
  .home16-league-card{
    min-height:108px;
  }
}
/* HOME16 LOWER DASHBOARD ALIGNMENT V3 END */

/* HOME16 LEARN TO ANALYZE POLISH V1 START */

.home16-learn{
  grid-template-columns:260px minmax(0,1fr);
  gap:12px;
  padding:12px 13px;
}

.home16-learn-intro{
  position:relative;
  overflow:hidden;
  padding:14px 16px;
  border-radius:11px;
  border:1px solid rgba(74,111,139,.18);
  background:
    radial-gradient(circle at 18% 12%,rgba(55,222,135,.10),transparent 42%),
    linear-gradient(145deg,rgba(10,29,45,.94),rgba(6,20,34,.96));
}

.home16-learn-intro::after{
  content:"";
  position:absolute;
  right:-22px;
  bottom:-28px;
  width:110px;
  height:110px;
  border-radius:50%;
  border:1px solid rgba(55,222,135,.12);
  box-shadow:
    0 0 0 18px rgba(55,222,135,.025),
    0 0 0 36px rgba(55,222,135,.015);
  pointer-events:none;
}

.home16-learn-intro h2{
  position:relative;
  z-index:1;
  font-size:.95rem;
}

.home16-learn-intro p{
  position:relative;
  z-index:1;
  max-width:210px;
  margin:7px 0 14px;
  font-size:.62rem;
}

.home16-learn-intro a{
  position:relative;
  z-index:1;
  width:max-content;
  color:#38df87;
}

.home16-guide-grid{
  gap:10px;
}

.home16-guide-card{
  position:relative;
  grid-template-columns:104px minmax(0,1fr);
  min-height:106px;
  border-color:rgba(79,113,141,.22);
  background:
    linear-gradient(180deg,rgba(9,25,41,.96),rgba(6,19,33,.98));
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease;
}

.home16-guide-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(120deg,transparent 0 55%,rgba(55,222,135,.035) 75%,transparent 100%);
  opacity:0;
  transition:opacity .18s ease;
  pointer-events:none;
}

.home16-guide-card:hover{
  transform:translateY(-3px);
  border-color:rgba(55,222,135,.32);
  background:
    linear-gradient(180deg,rgba(10,31,48,.98),rgba(7,22,36,.99));
}

.home16-guide-card:hover::after{
  opacity:1;
}

.home16-guide-visual{
  position:relative;
  overflow:hidden;
  font-size:1.8rem;
  background:
    radial-gradient(circle at 50% 42%,rgba(55,222,135,.16),transparent 28%),
    linear-gradient(145deg,rgba(10,44,47,.90),rgba(6,23,37,.98));
}

.home16-guide-visual::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(55,222,135,.16);
  border-radius:10px;
}

.home16-guide-visual::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:16px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(55,222,135,.32),transparent);
}

.home16-guide-target{
  background:
    radial-gradient(circle at 50% 48%,rgba(55,222,135,.18),transparent 20%),
    repeating-radial-gradient(circle at 50% 48%,rgba(55,222,135,.13) 0 1px,transparent 2px 11px),
    linear-gradient(145deg,rgba(10,44,47,.92),rgba(6,23,37,.98));
}

.home16-guide-chart{
  background:
    linear-gradient(155deg,transparent 0 55%,rgba(55,222,135,.08) 56% 58%,transparent 59%),
    linear-gradient(145deg,rgba(10,44,47,.92),rgba(6,23,37,.98));
}

.home16-guide-ball{
  background:
    radial-gradient(circle at 50% 48%,rgba(55,222,135,.16),transparent 24%),
    linear-gradient(145deg,rgba(10,44,47,.92),rgba(6,23,37,.98));
}

.home16-guide-card > div:last-child{
  position:relative;
  z-index:1;
  padding:12px 13px;
}

.home16-guide-card strong{
  font-size:.68rem;
  line-height:1.34;
}

.home16-guide-card small{
  margin-top:9px;
  font-size:.55rem;
  font-weight:800;
}

@media(max-width:900px){
  .home16-learn{
    grid-template-columns:1fr;
  }

  .home16-learn-intro{
    min-height:120px;
  }
}

@media(max-width:640px){
  .home16-guide-card{
    grid-template-columns:88px minmax(0,1fr);
  }
}

/* HOME16 LEARN TO ANALYZE POLISH V1 END */

/* HOME16 LEARN COVERS V3 START */
.home16-guide-svg{
  position:relative;
  z-index:2;
  width:78%;
  height:78%;
  overflow:visible;
  transition:transform .18s ease;
}
.home16-guide-svg .guide-stroke{
  fill:none;
  stroke:#36df86;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.home16-guide-svg .guide-stroke-strong{
  fill:none;
  stroke:#42ec92;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.home16-guide-svg .guide-stroke-soft{
  fill:none;
  stroke:rgba(54,223,134,.36);
  stroke-width:1.5;
}
.home16-guide-svg .guide-axis{
  fill:none;
  stroke:rgba(154,184,202,.32);
  stroke-width:1.4;
}
.home16-guide-svg .guide-fill{
  fill:#42ec92;
}
.home16-guide-svg .guide-fill-soft{
  fill:rgba(54,223,134,.2);
  stroke:#36df86;
  stroke-width:1.4;
}
.home16-guide-svg .guide-area{
  fill:rgba(54,223,134,.12);
  stroke:none;
}
.home16-guide-card:hover .home16-guide-svg{
  transform:scale(1.035);
}
.home16-guide-card > div:last-child{
  padding-right:16px;
}
.home16-guide-card strong{
  max-width:190px;
}
/* HOME16 LEARN COVERS V3 END */

/* HOME17 STAY AHEAD NEWSLETTER START */
.home17-newsletter{
  display:grid;
  grid-template-columns:92px minmax(230px,1.1fr) minmax(360px,1.35fr) auto;
  align-items:center;
  gap:18px;
  margin-top:10px;
  padding:11px 14px;
  border:1px solid rgba(51,224,132,.42);
  border-radius:12px;
  background:
    radial-gradient(circle at 6% 50%,rgba(51,224,132,.14),transparent 20%),
    linear-gradient(90deg,rgba(8,33,37,.98),rgba(6,20,34,.98) 36%,rgba(6,18,31,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  overflow:hidden;
}
.home17-newsletter-icon{
  position:relative;
  display:grid;
  place-items:center;
  min-height:66px;
  border-right:1px solid rgba(51,224,132,.16);
}
.home17-newsletter-icon::before{
  content:"";
  position:absolute;
  width:72px;
  height:72px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(51,224,132,.18),transparent 68%);
}
.home17-newsletter-icon svg{
  position:relative;
  z-index:1;
  width:42px;
  height:42px;
  fill:none;
  stroke:#39e289;
  stroke-width:3.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.home17-newsletter-copy h2{
  margin:0;
  color:#f4f9fc;
  font-size:.9rem;
}
.home17-newsletter-copy p{
  max-width:440px;
  margin:4px 0 0;
  color:#8fa5b5;
  font-size:.59rem;
  line-height:1.4;
}
.home17-newsletter-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
}
.home17-newsletter-form input{
  min-width:0;
  width:100%;
  height:38px;
  padding:0 13px;
  border:1px solid rgba(88,121,148,.32);
  border-radius:8px;
  outline:none;
  background:rgba(5,17,29,.72);
  color:#eef6fb;
  font:inherit;
  font-size:.64rem;
}
.home17-newsletter-form input::placeholder{
  color:#748a9b;
}
.home17-newsletter-form input:focus{
  border-color:rgba(51,224,132,.58);
  box-shadow:0 0 0 3px rgba(51,224,132,.08);
}
.home17-newsletter-form button{
  height:38px;
  padding:0 20px;
  border:0;
  border-radius:8px;
  background:linear-gradient(180deg,#43e28d,#23c975);
  color:#03150d;
  font:inherit;
  font-size:.64rem;
  font-weight:900;
  cursor:pointer;
}
.home17-newsletter-form button:hover{
  filter:brightness(1.05);
}
.home17-newsletter-trust{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px 14px;
  max-width:290px;
  color:#9db2c0;
  font-size:.52rem;
  white-space:nowrap;
}
.home17-newsletter-trust span{
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.home17-newsletter-trust span::first-letter{
  color:#39e289;
}
.home17-visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@media(max-width:1180px){
  .home17-newsletter{
    grid-template-columns:74px minmax(220px,1fr) minmax(320px,1.2fr);
  }
  .home17-newsletter-trust{
    grid-column:2 / -1;
    justify-content:flex-start;
    max-width:none;
  }
}
@media(max-width:820px){
  .home17-newsletter{
    grid-template-columns:64px minmax(0,1fr);
  }
  .home17-newsletter-form,
  .home17-newsletter-trust{
    grid-column:1 / -1;
  }
}
@media(max-width:560px){
  .home17-newsletter{
    grid-template-columns:1fr;
    text-align:center;
  }
  .home17-newsletter-icon{
    min-height:52px;
    border-right:0;
    border-bottom:1px solid rgba(51,224,132,.14);
  }
  .home17-newsletter-copy p{
    margin-left:auto;
    margin-right:auto;
  }
  .home17-newsletter-form{
    grid-template-columns:1fr;
  }
  .home17-newsletter-trust{
    justify-content:center;
    white-space:normal;
  }
}
/* HOME17 STAY AHEAD NEWSLETTER END */

/* HOME18 FOOTER BRANDING START */
.site-brand{display:flex;align-items:center;gap:12px}
.site-brand-copy{display:flex;flex-direction:column;gap:2px;line-height:1}
.site-brand-name{font-size:1.08rem;font-weight:900;color:#f4f8fb;letter-spacing:-.03em}
.site-brand-tag{font-size:.42rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7d93a8}
.home18-footer-shell{
  margin-top:12px;
  padding-top:14px;
  border-top:1px solid rgba(66,90,116,.28);
  background:linear-gradient(180deg,rgba(6,18,31,.62),rgba(5,16,28,.98));
}
.home18-footer{
  display:grid;
  grid-template-columns:minmax(210px,260px) minmax(0,1fr);
  gap:22px;
  align-items:start;
}
.home18-footer-brand{
  min-width:0;
}
.home18-footer-logo{
  display:flex;
  align-items:center;
  gap:12px;
  color:inherit;
  text-decoration:none;
}
.home18-footer-mark{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:linear-gradient(180deg,rgba(17,52,52,.96),rgba(9,27,40,.96));
  border:1px solid rgba(61,213,131,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.home18-footer-mark svg{
  width:28px;
  height:28px;
  fill:none;
  stroke:#39e289;
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.home18-footer-brand-text{display:flex;flex-direction:column;gap:4px}
.home18-footer-brand-text strong{font-size:1.15rem;color:#f6fbff;letter-spacing:-.03em}
.home18-footer-brand-text small{font-size:.62rem;color:#90a5b6;line-height:1.4}
.home18-footer-links{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.home18-footer-col h4{
  margin:0 0 10px;
  color:#f0f6fb;
  font-size:.68rem;
}
.home18-footer-col a{
  display:block;
  margin:0 0 7px;
  color:#8ea4b6;
  font-size:.61rem;
  text-decoration:none;
}
.home18-footer-col a:hover{color:#39e289}
.home18-social-row{display:flex;gap:8px;flex-wrap:wrap}
.home18-social-row a{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  margin:0;
  border-radius:50%;
  border:1px solid rgba(69,92,116,.34);
  background:rgba(9,21,35,.8);
  color:#d7e5ef;
  font-size:.56rem;
  font-weight:900;
}
.home18-social-row a:hover{border-color:rgba(57,226,137,.45);color:#39e289}
.home18-footer-bottom{
  display:flex;
  justify-content:flex-end;
  padding:12px 0 2px;
  color:#90a5b6;
  font-size:.58rem;
}
@media(max-width:980px){
  .home18-footer{grid-template-columns:1fr}
  .home18-footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home18-footer-bottom{justify-content:flex-start}
}
@media(max-width:620px){
  .site-brand-tag{display:none}
  .home18-footer-links{grid-template-columns:1fr}
}
/* HOME18 FOOTER BRANDING END */

/* HOME18 BRAND SOCIALS V2 START */

/* Top brand slogan */
.site-brand{
  position:relative;
}
.site-brand::after{
  content:"SMARTER BETS. BETTER RESULTS.";
  display:block;
  margin-left:3px;
  color:#7f95a7;
  font-size:.42rem;
  font-weight:800;
  letter-spacing:.1em;
  line-height:1.15;
  white-space:nowrap;
}

/* Official Oddspira logo in footer */
.home18-footer-mark svg{
  width:30px;
  height:30px;
  overflow:visible;
}
.home18-footer-mark{
  border-radius:12px;
}

/* Real social icons */
.home18-social-row a{
  display:grid;
  place-items:center;
}
.home18-social-row svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.home18-social-row a[aria-label="YouTube"] svg path:last-child{
  fill:currentColor;
  stroke:none;
}
.home18-social-row a[aria-label="X"] svg{
  stroke-width:2;
}

@media(max-width:900px){
  .site-brand::after{
    display:none;
  }
}

/* HOME18 BRAND SOCIALS V2 END */

/* BRAND TAGLINE SYNC V2 START */

/* Top logo area */
.site-brand-with-tagline{
  position:relative;
  display:flex!important;
  align-items:center;
  gap:10px;
  padding-right:185px;
}

.site-brand-with-tagline::after{
  content:"SMARTER BETS. BETTER RESULTS.";
  position:absolute;
  left:calc(100% - 176px);
  top:50%;
  transform:translateY(-50%);
  color:#7f95a7;
  font-size:.42rem;
  font-weight:800;
  letter-spacing:.1em;
  line-height:1.1;
  white-space:nowrap;
}

/* Footer tagline must match exactly */
.home18-footer-brand-text small{
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
  color:#7f95a7;
}

@media(max-width:1050px){
  .site-brand-with-tagline{
    padding-right:0;
  }
  .site-brand-with-tagline::after{
    display:none;
  }
}

/* BRAND TAGLINE SYNC V2 END */

/* TOP BRAND TAGLINE V3 START */
.brand{
  display:flex!important;
  align-items:center;
  gap:10px;
  text-decoration:none;
}
.brand-copy{
  display:flex;
  flex-direction:column;
  gap:3px;
  line-height:1;
}
.brand-copy strong{
  color:#f5f9fc;
  font-size:1.06rem;
  font-weight:900;
  letter-spacing:-.03em;
}
.brand-tagline{
  display:block;
  color:#7f95a7;
  font-size:.42rem;
  font-weight:800;
  letter-spacing:.09em;
  line-height:1.1;
  white-space:nowrap;
}
@media(max-width:900px){
  .brand-tagline{
    display:none;
  }
}
/* TOP BRAND TAGLINE V3 END */
.brand-copy small {
  display: block;
  color: #7f95a7;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.09em;
  line-height: 1.1;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .brand-copy small {
    display: none;
  }
}

/* TOP MATCHES CAROUSEL V2 START */
#homeTopMatches.home19-top-matches-track{
  display:grid!important;
  grid-template-columns:none!important;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 36px) / 4);
  gap:12px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  padding-bottom:2px;
}
#homeTopMatches.home19-top-matches-track::-webkit-scrollbar{
  display:none;
}
#homeTopMatches.home19-top-matches-track > .home9-match{
  min-width:0;
  width:auto!important;
  scroll-snap-align:start;
  scroll-snap-stop:always;
}
.home19-carousel-controls{
  display:flex;
  align-items:center;
  gap:7px;
  margin-left:8px;
}
.home19-carousel-controls[hidden]{
  display:none!important;
}
.home19-carousel-btn{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  padding:0;
  border:1px solid rgba(67,104,132,.42);
  border-radius:9px;
  background:rgba(8,24,40,.92);
  color:#eaf4fa;
  font:900 1.25rem/1 system-ui,sans-serif;
  cursor:pointer;
}
.home19-carousel-btn:hover:not(:disabled){
  border-color:rgba(57,226,137,.55);
  color:#42e98f;
}
.home19-carousel-btn:disabled{
  opacity:.32;
  cursor:default;
}
@media(max-width:1150px){
  #homeTopMatches.home19-top-matches-track{
    grid-auto-columns:calc((100% - 24px) / 3);
  }
}
@media(max-width:820px){
  #homeTopMatches.home19-top-matches-track{
    grid-auto-columns:calc((100% - 12px) / 2);
  }
}
@media(max-width:560px){
  #homeTopMatches.home19-top-matches-track{
    grid-auto-columns:86%;
  }
}
/* TOP MATCHES CAROUSEL V2 END */

/* TOP MATCHES SIDE ARROWS V1 */
.home15-matches-panel {
  position: relative;
  overflow: visible;
}

/* Позволява стрелките да се позиционират спрямо целия панел */
.home15-matches-panel .home15-panel-head {
  position: static !important;
}

.home15-matches-panel .home19-carousel-controls {
  position: absolute;
  inset: 0;
  display: block;
  margin: 0;
  pointer-events: none;
  z-index: 10;
}

.home15-matches-panel .home19-carousel-btn {
  position: absolute;
  top: 56%;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(6, 22, 37, 0.96);
  border: 1px solid rgba(66, 233, 143, 0.4);
  color: #ffffff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  pointer-events: auto;
  transform: translateY(-50%);
  font-size: 1.7rem;
}

.home15-matches-panel .home19-carousel-prev {
  left: -21px;
}

.home15-matches-panel .home19-carousel-next {
  right: -21px;
}

.home15-matches-panel .home19-carousel-btn:hover:not(:disabled) {
  background: #123e37;
  border-color: #42e98f;
  color: #42e98f;
  transform: translateY(-50%) scale(1.06);
}

/* Скрива лявата стрелка в началото и дясната в края */
.home15-matches-panel .home19-carousel-btn:disabled {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@media (max-width: 900px) {
  .home15-matches-panel .home19-carousel-btn {
    width: 36px;
    height: 36px;
    font-size: 1.4rem;
  }

  .home15-matches-panel .home19-carousel-prev {
    left: -10px;
  }

  .home15-matches-panel .home19-carousel-next {
    right: -10px;
  }
}
/* TOP MATCHES SIDE ARROWS V1 END */
