:root{
  --bg:#061626;--bg2:#081c2e;--panel:#0b2236;--panel2:#0c263b;--line:#18354b;--line2:#20435c;
  --text:#f5f8fb;--muted:#a7b8c8;--muted2:#7f96a9;--cyan:#31d8e0;--green:#2de58d;--green2:#16b86c;
  --blue:#2bb3ff;--red:#ff5d62;--shadow:0 15px 42px rgba(0,0,0,.14);--radius:9px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 26% 10%,rgba(20,69,102,.14),transparent 28%),linear-gradient(180deg,#061523 0%,#071828 48%,#061522 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.45}
body.light{--bg:#edf5fa;--bg2:#f7fbfd;--panel:#fff;--panel2:#f7fbfd;--line:#d6e4ed;--line2:#c8dce8;--text:#102333;--muted:#526b7b;--muted2:#6f8796;--shadow:0 8px 30px rgba(35,72,97,.08);background:#edf5fa}
a{color:inherit;text-decoration:none}.container{width:min(1460px,calc(100% - 86px));margin:0 auto}.site-header{height:106px;border-bottom:1px solid var(--line);background:rgba(5,19,32,.84);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.light .site-header{background:rgba(247,251,253,.9)}.header-inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{display:flex;align-items:center;gap:12px;width:max-content}.brand-mark{width:44px;height:44px;color:#31b4ff}.brand-mark svg{width:100%;height:100%}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:24px;letter-spacing:-.55px}.brand-copy strong span,.footer-brand>span:last-child{color:#29e1b5}.brand-copy small{color:#c3cfda;font-size:12px;margin-top:5px}.light .brand-copy small{color:var(--muted)}
.main-nav{height:100%;display:flex;align-items:center;gap:44px}.main-nav a{height:100%;display:flex;align-items:center;color:#f4f7fa;font-weight:500;position:relative}.light .main-nav a{color:var(--text)}.main-nav a.active{color:#27e6bd}.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:21px;height:2px;background:#27e6bd}.header-actions{justify-self:end;display:flex;align-items:center;gap:26px}.icon-btn{border:0;background:transparent;color:var(--text);font-size:27px;cursor:pointer}.login-btn{border:0;border-radius:10px;background:linear-gradient(180deg,#29d7c3,#1bbcae);padding:13px 29px;color:#fff;font-weight:600;font-size:14px;box-shadow:0 0 0 1px rgba(255,255,255,.14) inset}
.page-section{padding:38px 0 29px;border-bottom:1px solid var(--line)}.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.section-title-row h2{font-size:21px;line-height:1.25;margin:0 0 12px;letter-spacing:.15px}.section-title-row p{margin:0;color:#b7c6d4;font-size:13px}.light .section-title-row p{color:var(--muted)}.section-number{color:#2bd8d1;margin-right:6px}.info-dot,.note-icon{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid #35bfd6;border-radius:50%;color:#45cfe4;font-size:11px;font-weight:700;margin-left:8px;vertical-align:2px}.updated-pill{margin-top:2px;background:#0d2235;border:1px solid #102a40;color:#aebdcc;border-radius:10px;padding:11px 18px;font-size:12px}.light .updated-pill{background:#fff;border-color:var(--line)}
.panel{background:linear-gradient(180deg,rgba(12,37,58,.96),rgba(8,27,43,.96));border:1px solid var(--line2);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.light .panel,.light .metric-card,.light .chart-card,.light .breakdown-card,.light .why-card{background:#fff}.table-scroll{overflow:auto}.picks-table{border-collapse:collapse;width:100%;min-width:1080px}.picks-table th{color:#d6e1e9;text-transform:uppercase;font-size:11px;font-weight:500;letter-spacing:.15px;text-align:left;padding:18px 22px;border-bottom:1px solid var(--line);white-space:nowrap}.light .picks-table th{color:#405b6d}.picks-table td{padding:13px 22px;border-bottom:1px solid rgba(31,67,91,.62);vertical-align:middle;font-size:12px}.date-cell{font-weight:600;white-space:nowrap}.date-cell span{display:block}.match-cell{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:11px;min-width:290px}.team{display:flex;align-items:center;gap:10px;font-weight:600;white-space:nowrap}.team.away{justify-content:flex-start}.versus{color:#7d94a7;font-size:11px}.crest{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#d84049,#7a1422);border:2px solid rgba(255,255,255,.45);font-size:8px;font-weight:800;letter-spacing:-.2px;box-shadow:0 0 0 2px rgba(0,0,0,.08)}.team.away .crest{background:linear-gradient(145deg,#2878bd,#13334f)}.competition-cell{min-width:145px}.competition-cell strong,.prediction-cell strong{display:block;font-weight:600}.competition-cell span,.prediction-cell span{display:block;color:#c0ccd7;margin-top:2px}.light .competition-cell span,.light .prediction-cell span{color:var(--muted)}.flag{font-size:19px;margin-right:8px}.odds-cell{text-align:center;font-weight:700;font-size:15px!important}.bookmaker{display:block;width:max-content;margin:5px auto 0;font-size:10px;line-height:1.1;background:#159d6e;color:#fff;padding:3px 5px;border-radius:2px}.edge-cell{color:#2eee83;font-size:16px!important;font-weight:500}.confidence{--value:50;display:grid;place-items:center;width:49px;height:49px;border-radius:50%;background:conic-gradient(#259dff calc(var(--value)*1%),#17364e 0);position:relative}.confidence:before{content:"";position:absolute;inset:4px;background:#081a2b;border-radius:50%}.light .confidence:before{background:#fff}.confidence span{position:relative;font-weight:600;color:#fff}.light .confidence span{color:var(--text)}.bet-btn{min-width:132px;border:1px solid #0a604d;background:linear-gradient(180deg,rgba(9,90,70,.62),rgba(7,72,58,.62));border-radius:7px;color:#51f4d2;padding:11px 16px;font-weight:600;cursor:pointer}.bet-btn small{display:block;color:#e0f0eb;font-weight:500;margin-top:2px}.light .bet-btn small{color:var(--text)}.panel-footer{min-height:71px;display:flex;align-items:center;justify-content:space-between;padding:13px 24px;color:#9eb1c2;font-size:12px}.panel-footer p{margin:0}.outline-btn{border:1px solid #284b64;background:#0a1d2e;color:#fff;border-radius:7px;padding:11px 18px;min-width:145px}.light .outline-btn{background:#fff;color:var(--text)}
.dashboard-heading-row{align-items:center}.league-tabs{background:#0b2032;border:1px solid #17344a;border-radius:10px;padding:8px;display:flex;gap:8px;flex-wrap:wrap}.light .league-tabs{background:#fff}.league-tabs button{border:1px solid transparent;background:#0e2840;color:#d7e2ea;border-radius:7px;padding:10px 20px;font-size:12px;cursor:pointer}.light .league-tabs button{background:#eef5f9;color:var(--text)}.league-tabs button.active{background:linear-gradient(180deg,#0a4e48,#0a3938);border-color:#0f6a5e;color:#60efce}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 13px}.metric-card,.chart-card,.breakdown-card,.why-card{background:linear-gradient(145deg,#0b2236,#0b2032);border:1px solid #183951;border-radius:9px;box-shadow:var(--shadow)}.metric-card{min-height:150px;padding:22px 18px;text-align:center;display:flex;flex-direction:column;align-items:center}.metric-card>span{font-size:11px;letter-spacing:.2px}.metric-card strong{font-size:30px;color:#3ae289;margin:18px 0 7px;letter-spacing:-.8px}.metric-card small{color:#9eb1c2}.score-card strong{color:#dfffee;background:linear-gradient(180deg,#3fd888,#14995f);padding:5px 10px;border-radius:4px}.charts-grid,.breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.chart-card{height:333px;padding:20px 20px 14px}.card-head{display:flex;align-items:center;justify-content:space-between}.card-head h3,.breakdown-card h3{font-size:13px;margin:0;font-weight:600}.card-head span{border:1px solid #183951;background:#0b2539;border-radius:6px;padding:8px 12px;color:#b5c5d1;font-size:11px}.light .card-head span{background:#f4f8fb}.line-chart{height:265px;margin-top:8px;overflow:hidden;min-width:0}.line-chart svg{display:block;width:100%;height:100%;overflow:hidden}.gridline{stroke:#17384f;stroke-width:1}.axis-label{fill:#94a9ba;font-size:10px}.chart-line{fill:none;stroke:#2dca99;stroke-width:2}.quality-line{stroke:#2dbdff}.chart-area{fill:url(#roiGradient)}.chart-dot{fill:#081a2a;stroke:#39e0b0;stroke-width:2}.quality-dot{stroke:#2dbdff}.tooltip-box{fill:#071522;stroke:#16384f}.tooltip-text{fill:#e6edf3;font-size:10px}.breakdown-card{min-height:313px;padding:21px 22px}.performance-layout{display:grid;grid-template-columns:1fr 230px;align-items:center;gap:20px;margin-top:18px}.performance-list{margin:0}.performance-list div{display:flex;justify-content:space-between;padding:4px 0;font-size:12px}.performance-list dt{color:#aab9c6}.performance-list dd{margin:0;color:#fff}.light .performance-list dd{color:var(--text)}.performance-list dd.positive{color:#32e786}.donut-wrap{display:flex;flex-direction:column;align-items:center}.donut{--p:50;width:154px;height:154px;border-radius:50%;background:conic-gradient(#31d477 calc(var(--p)*1%),#ff6265 0);display:grid;place-items:center}.donut:before{content:"";width:112px;height:112px;border-radius:50%;background:#0b2032;position:absolute}.light .donut:before{background:#fff}.donut>div{position:relative;text-align:center}.donut strong{display:block;font-size:22px}.donut span{font-size:11px}.donut-legend{display:flex;gap:18px;font-size:11px;margin-top:12px}.donut-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}.won-dot{background:#31d477}.lost-dot{background:#ff6265}.odds-head,.league-row{display:grid;grid-template-columns:110px 1fr 78px;gap:18px;align-items:center}.odds-head{margin:18px 0 8px;color:#92a7b8;font-size:10px}.league-row{padding:8px 0;font-size:12px}.rate-wrap{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center}.rate-bar{height:15px;background:#102c42;border-radius:3px;overflow:hidden}.rate-bar i{display:block;height:100%;background:linear-gradient(90deg,#1db867,#5ede77);border-radius:3px}.league-roi{color:#34e986;font-weight:600}.dashboard-note{color:#8299aa;font-size:11px;margin:13px 0 0}.dashboard-note .note-icon{width:16px;height:16px;margin-left:0}
.why-section{padding-top:32px;padding-bottom:28px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.why-card{min-height:177px;padding:26px 27px;display:grid;grid-template-columns:52px 1fr;gap:15px}.why-icon{width:44px;height:44px;color:#35dc80}.why-icon svg{width:100%;height:100%}.why-card h3{margin:1px 0 16px;font-size:15px}.why-card p{margin:0;color:#b6c5d1;line-height:1.8;font-size:12px}.light .why-card p{color:var(--muted)}
.site-footer{min-height:106px;padding:20px 0;background:#061321}.light .site-footer{background:#f7fbfd}.footer-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.footer-brand{font-weight:700;font-size:15px}.footer-brand>span:first-child{color:#2fdb9b;margin-right:7px}.footer-inner>div:first-child p{color:#72899b;font-size:11px;margin:8px 0 0}.footer-inner nav{display:flex;gap:42px;color:#7f95a7;font-size:12px}.responsible{justify-self:end;color:#8197a8;font-size:12px;display:flex;align-items:center;gap:14px}.age-badge{display:grid;place-items:center;border:1px solid #53718a;width:42px;height:42px;border-radius:50%;color:#91a9bc}
@media(max-width:1100px){.container{width:min(100% - 36px,1460px)}.main-nav{gap:22px}.kpi-grid{grid-template-columns:repeat(3,1fr)}.why-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:20px;text-align:center}.footer-inner nav{justify-content:center}.responsible{justify-self:center}.footer-brand{display:inline-block}}
@media(max-width:820px){.site-header{height:auto}.header-inner{grid-template-columns:1fr auto;padding:16px 0}.main-nav{grid-column:1/-1;order:3;overflow:auto;height:48px;justify-content:flex-start}.main-nav a{height:48px}.main-nav a.active:after{bottom:0}.charts-grid,.breakdown-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.section-title-row{flex-direction:column}.updated-pill{align-self:flex-start}.performance-layout{grid-template-columns:1fr}.footer-inner nav{flex-wrap:wrap;gap:18px}.why-card{grid-template-columns:48px 1fr}}
@media(max-width:520px){.container{width:min(100% - 24px,1460px)}.brand-copy strong{font-size:19px}.brand-mark{width:36px}.header-actions{gap:8px}.login-btn{padding:10px 16px}.kpi-grid{grid-template-columns:1fr}.league-tabs{width:100%}.league-tabs button{flex:1}.section-title-row h2{font-size:18px}.page-section{padding-top:26px}.chart-card{height:300px}.line-chart{height:230px}.why-card{padding:20px}.performance-layout{gap:8px}}

.performance-help{margin:16px 0 0;max-width:470px;color:var(--muted,#8fb1c8);font-size:11px;line-height:1.55}.performance-help strong{color:var(--text,#eaf7ff);font-weight:700}

/* Keep the betting-quality grade badge identical in size for A+, A, B+, C, etc. */
.score-card strong{
  width:64px;
  height:52px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  flex:0 0 52px;
  font-size:30px;
  line-height:1;
  white-space:nowrap;
}
.score-card #kpi-score-label{min-height:16px;}