:root{color-scheme:dark;--bg:#112538;--panel:#1b374a;--panel2:#213f52;--line:#36576a;--text:#f0f9ff;--muted:#a9c3d0;--teal:#70f0d2;--teal2:#33c7b4;font-family:Inter,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html{overflow-x:clip}body{background:radial-gradient(ellipse at 76% 1%,rgba(47,132,158,.22),transparent 40%),linear-gradient(180deg,#122c40 0%,#10263a 100%);color:var(--text);overflow-x:clip}
::selection{color:#102839;background:#72efd6}.container{max-width:1400px}
.topbar{background:rgba(18,44,63,.92);border-bottom:1px solid rgba(149,195,215,.15);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);position:sticky;top:0;z-index:10}
.brand-icon{transform:none;border-radius:11px;border:1px solid #79f6de;background:linear-gradient(150deg,#255f66,#163746);box-shadow:inset 0 1px #ffffff28,0 0 0 4px #61decb0a}
.brand-name{letter-spacing:-.065em;font-weight:850}.workspace-name{color:#acc5d1;letter-spacing:.12em}.workspace-lab{color:#79f6dd}
.back-site{background:#b3f4ed0c;border-color:#8eb6c74a;border-radius:11px;transition:all .18s}.back-site:hover{background:#70e9d61a;border-color:#78efda;transform:translateY(-1px)}
.hero{min-height:355px;border-bottom-color:#8bbac521;padding-block:54px}
.hero-glow{background:radial-gradient(ellipse at 79% 35%,#3bbbac32,transparent 57%),radial-gradient(ellipse at 13% 95%,#377da023,transparent 63%)}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#a5e4f405 1px,transparent 1px),linear-gradient(90deg,#a5e4f405 1px,transparent 1px);background-size:52px 52px;opacity:.9}
.hero-content{position:relative;z-index:2;max-width:790px}.hero h1{font-size:clamp(39px,5.2vw,68px);font-weight:840;line-height:1.08;letter-spacing:-.065em;text-wrap:balance}.hero h1 span{color:#75f0d5}.hero p{color:#b1cbd5;line-height:1.74;max-width:580px}
.eyebrow,.section-kicker,.panel-kicker{color:#80f1d8;letter-spacing:.16em}.eyebrow-mark{background:#75f0d5;box-shadow:0 0 0 5px #75f0d51c}
.hero-pills>span,.hero-pills>a.hero-learn{border-radius:999px;border:1px solid #b1dddf31;background:#b1dfe60c;color:#c9e6e5;padding:8px 13px}.hero-pills>span.hero-demo{border-color:#7ef2ce6b;background:#57dbba1a}
.hero-decor{opacity:.55}.orbit-outer{border-color:#66dac24a}.orbit-inner,.ball,.ball:before,.ball:after{border-color:#75e2d760}
.metrics{gap:12px}.metric,.metric:first-child,.metric:last-child{border-radius:17px;min-height:127px;background:linear-gradient(147deg,rgba(38,74,96,.86),rgba(25,51,71,.9));border:1px solid #90bfd034;box-shadow:inset 0 1px #ffffff14,0 14px 35px #0816231a;padding:19px}
.metric-label{color:#a8c4d0}.metric-label span{color:#75f0d5}.metric-value{color:#fff;font-size:37px;font-variant-numeric:tabular-nums;font-weight:850;letter-spacing:-.06em}.metric-note{color:#95b5c5}
.content{padding-top:37px}.section-heading h2{font-size:clamp(27px,3vw,39px);letter-spacing:-.06em}.section-heading p{color:#adc6d2}.data-indicator{border-radius:99px;background:#51d2ba14;border-color:#65d2c344;color:#aceedc}
.work-area{grid-template-columns:244px minmax(0,1fr)}.sidebar,.results-panel{background:linear-gradient(145deg,rgba(34,66,88,.87),rgba(23,48,67,.95));border:1px solid #9ccbd130;box-shadow:inset 0 1px #ffffff11,0 16px 40px #06152425;border-radius:18px}
.sidebar{position:sticky;top:94px}.side-info{border-top-color:#a8c3d02e}.side-info p{color:#abc5d0}.side-info-title{color:#b8f8e7}.league-btn{min-height:52px;padding:9px;border-radius:11px;color:#bbd2dc;transition:background .17s,border-color .17s}.league-btn:hover{background:#bddce513}.league-btn.selected{background:linear-gradient(90deg,#59d4bd26,#57b2c40d);border-color:#70dfc968;box-shadow:inset 3px 0 #79f1d9}.league-name{font-size:11px;font-weight:760}.league-name small{color:#96b6c5}.league-num{color:#a7c6d2}
.crest-placeholder{display:inline-grid;place-items:center;flex:0 0 auto;vertical-align:middle;width:34px;height:37px;color:var(--crest-color,#72e4d2);border:1px solid #b3d9db2d;border-radius:12px;background:linear-gradient(150deg,#88d8e416,#143f551c);box-shadow:inset 0 1px #ffffff12}
.crest-placeholder svg{width:88%;height:88%;display:block}.crest-placeholder.league-crest{width:24px;height:25px;border-radius:8px;color:#8af1dc;background:#77f3dc1b;border-color:#80e9d34c}
.crest-placeholder.large-crest{width:62px;height:66px;border-radius:17px;margin:0 auto 12px}
.crest-placeholder.small-crest{width:29px;height:30px;border-radius:9px}.team-initial:has(.crest-placeholder),.team-circle:has(.crest-placeholder),.league-emblem:has(.crest-placeholder){border:0;background:transparent;box-shadow:none;padding:0;overflow:visible;width:auto;height:auto}
.match-league:has(.crest-placeholder){display:flex;align-items:center;gap:7px}.match-league .crest-placeholder{margin-right:3px}
.dialog-competition:has(.crest-placeholder){display:flex;align-items:center;gap:9px}
.panel-head h3{letter-spacing:-.04em}.result-counter{border:1px solid #b2dae429;background:#a8d2e514;color:#bdd4dd;padding:7px 10px;border-radius:99px}
.search-wrap,.date-wrap{border-radius:12px;height:46px;background:#102c3d91;border-color:#9cc9d23f;transition:border-color .2s,box-shadow .2s}.search-wrap:focus-within,.date-wrap:focus-within{border-color:#76f0d3;box-shadow:0 0 0 3px #76f0d315}.search-wrap input::placeholder{color:#99b4c2}
.tab{background:transparent;border-color:transparent;color:#b2cbd5;border-radius:10px}.tab:hover{background:#9dcbdf12}.tab.active{background:#4cc6ac29;border-color:#79e9d051;color:#b3ffea}
.match-card{position:relative;border:1px solid #a0cbd02e;background:linear-gradient(145deg,rgba(43,80,99,.74),rgba(23,51,71,.90));border-radius:16px;padding:17px;box-shadow:inset 0 1px #ffffff15,0 10px 25px #0717261b;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s}
.match-card:before{content:"";position:absolute;top:0;left:17px;right:17px;height:2px;background:linear-gradient(90deg,#76efd3,transparent);opacity:0;transition:opacity .22s}
.match-card:hover{transform:translateY(-3px);border-color:#80f3d177;background:linear-gradient(145deg,#30566aaa,#1c4057d9);box-shadow:0 20px 34px #04132233,inset 0 1px #ffffff20}.match-card:hover:before{opacity:1}
.match-top,.match-foot{border-color:#9cbcc12a}.match-league{color:#bbd2d9;font-size:10px}.match-badge{border-radius:99px;padding:5px 8px;color:#b9d2d9;background:#95b0c414}.match-badge.final{background:#45d5b21a;border-color:#6ee3bf66;color:#b0f7de}
.team{gap:11px}.team span:last-child:not(.crest-placeholder){font-weight:730;color:#eef9fc;font-size:12px;letter-spacing:-.01em}.score-board b{font-size:23px;font-variant-numeric:tabular-nums}.match-open{color:#81f4dc;letter-spacing:.085em;font-weight:800}.match-foot{color:#adcad4}
.load-more,.copy-link{background:#4ed3b51b;border-color:#78e9cd66;border-radius:10px;color:#b7f8e8}.load-more:hover,.copy-link:hover{background:#4ed3b530}
.overlay{background:#041221ca;backdrop-filter:blur(12px)}.dialog{width:min(690px,100%);background:linear-gradient(155deg,#234253,#162e42 55%,#12293b);border:1px solid #95d9d259;box-shadow:0 32px 95px #05142599,inset 0 1px #ffffff22}.dialog-head,.dialog-action{border-color:#a5d9da33}.dialog-head h2{letter-spacing:-.052em}.dialog-teams{gap:17px}.dialog-team strong{color:#f2fafc}.dialog-score strong{font-size:32px;font-variant-numeric:tabular-nums}.dialog-score span{color:#b1d1d6}.dialog-facts{gap:9px}.fact{background:#12324699;border:1px solid #aacfd32b;border-radius:12px}.fact span{color:#9fbdc9}.fact b{color:#f0f9fa}
.insight-panel{background:linear-gradient(145deg,#28646955,#21455680);border:1px solid #74dfcd55;border-radius:15px;padding:19px}.insight-kicker{color:#8af7dc}.insight-badge{border-radius:99px}.insight-unavailable{color:#d1dfe0}.expected-goals strong{font-size:27px}
.prob-grid{gap:10px}.probability{padding:12px 10px;background:#183a50ad;border:1px solid #86c2cb40;border-radius:12px}.prob-top{color:#b3d0d6}.prob-top strong{font-size:24px;color:#f6fffe;font-variant-numeric:tabular-nums}.prob-track{height:6px;margin-top:12px;background:#7caeb82c}.prob-track i{background:linear-gradient(90deg,#40bdb3,#85ffe1)}.probability:nth-child(2) .prob-track i{background:linear-gradient(90deg,#5d97db,#adcefe)}.probability:nth-child(3) .prob-track i{background:linear-gradient(90deg,#3f98ce,#8dd5fc)}
.secondary-probs span{border-radius:12px;background:#143a4d7f;color:#c2d9de}.secondary-probs b{color:#fff}.model-footnote{color:#b4cbd3}
.model-title-row,.model-showcase{border-color:#9fc4ce32}.model-title-row h2{letter-spacing:-.052em}.model-title-row h2 span{color:#83efd6}.model-title-row p{color:#b0cbd5}.model-beta{background:#50cfb918;border-color:#81edd354;border-radius:99px;padding:9px 12px;color:#aef9e5}
.method-grid{gap:14px}.method-tile{background:linear-gradient(150deg,#244a60b3,#1b394fb8);border:1px solid #9ec4d034;border-radius:17px;box-shadow:inset 0 1px #ffffff15}.method-tile p{color:#aac6d3}.method-number{color:#83f2d9}.model-status{border-radius:12px;background:#31878323;border-color:#84dcc54c;color:#cae6e8}.model-disclaimer{background:#335f573d;border-color:#8cd6c54a;border-radius:12px;color:#b9d4d2}
.footer{background:#132d40;border-top-color:#a9c8d62f}.footer-inner{color:#a2bfca}
@media(max-width:1100px){.work-area{grid-template-columns:220px minmax(0,1fr)}.metrics{gap:9px}}
@media(max-width:820px){.work-area{grid-template-columns:minmax(0,1fr)}.sidebar{position:static;min-width:0}.results-panel{min-width:0}.league-list{max-width:100%;overflow-x:auto}.league-btn{flex:0 0 172px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric,.metric:first-child,.metric:last-child{border-radius:13px}}
@media(max-width:580px){.container{padding-inline:16px}.hero{padding-block:40px;min-height:310px}.hero h1{font-size:clamp(36px,9.4vw,44px)}.hero p{font-size:12px}.hero-decor{opacity:.14}.metrics{padding-block:13px}.metric{padding:14px;min-height:104px}.metric-value{font-size:28px}.metric-date{font-size:14px}.content{padding-top:26px}.results-panel{padding:14px}.matches{grid-template-columns:1fr}.match-card{padding:14px}.overlay{padding:0;align-items:end}.dialog{border-radius:18px 18px 0 0;max-height:94dvh}.dialog-team .crest-placeholder.large-crest{width:50px;height:54px}.insight-panel{padding:13px}.prob-grid{gap:7px}.probability{padding:9px 7px}.prob-top strong{font-size:19px}.model-showcase{padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}