:root{--bg:#06130f;--panel:#0b1d17;--panel2:#10251e;--text:#f3f7e8;--muted:#8aa097;--lime:#c8ff3d;--line:rgba(218,255,225,.12);--orange:#ff7450}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.noise{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(rgba(255,255,255,.11) .7px,transparent .7px);background-size:7px 7px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(24px,5vw);position:sticky;top:0;background:rgba(6,19,15,.88);backdrop-filter:blur(16px);z-index:10}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-size:13px;letter-spacing:1.8px}.brand b{color:var(--lime)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--lime);color:var(--bg);font-weight:950;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.live-pill{margin-left:auto;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:10px;letter-spacing:1.4px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(200,255,61,.6);animation:pulse 1.6s infinite}.icon-btn{border:0;color:var(--text);background:transparent;font-size:23px;margin-left:8px;cursor:pointer;padding:8px}.icon-btn.loading{animation:spin .8s linear infinite}main{width:min(1180px,90vw);margin:auto}.hero{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;min-height:410px;padding:70px 0 50px}.eyebrow{font-size:10px;color:var(--lime);letter-spacing:2.1px;font-weight:800;margin:0 0 16px}.hero h1{font-size:clamp(48px,7vw,90px);line-height:.93;margin:0;letter-spacing:-5px;max-width:800px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.intro{color:var(--muted);max-width:560px;line-height:1.7;margin-top:25px}.orb-wrap{display:grid;place-items:center}.orb{width:min(250px,28vw);aspect-ratio:1;border-radius:50%;border:1px solid rgba(200,255,61,.4);display:grid;place-items:center;background:radial-gradient(circle at 33% 27%,rgba(200,255,61,.28),transparent 32%),repeating-radial-gradient(circle,transparent 0 18px,rgba(200,255,61,.04) 19px 20px);box-shadow:0 0 90px rgba(126,255,83,.12),inset 0 0 60px rgba(126,255,83,.08);animation:float 5s ease-in-out infinite}.orb span{font-size:70px;font-weight:950;letter-spacing:-7px;color:var(--lime);transform:skew(-6deg)}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:rgba(11,29,23,.7);margin-bottom:70px}.stats>div{padding:24px 28px;border-right:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.stats>div:last-child{border:0}.stats small{font-size:9px;color:var(--muted);letter-spacing:1.5px}.stats strong{font-size:28px}.stats .time{font-size:18px}.lime{color:var(--lime)}.toolbar{display:flex;justify-content:space-between;gap:16px;margin-bottom:38px}.tabs{display:flex;gap:5px;background:var(--panel);padding:5px;border-radius:6px}.tab{border:0;background:transparent;color:var(--muted);padding:10px 16px;border-radius:4px;font-weight:700;font-size:11px;cursor:pointer}.tab.active{background:var(--lime);color:var(--bg)}.search{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);color:var(--muted);min-width:220px}.search input{border:0;outline:0;background:transparent;color:var(--text);padding:10px;width:100%}.section-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.section-head h2{font-size:34px;letter-spacing:-1.5px;margin:0}.source{font-size:9px;letter-spacing:1.5px;color:var(--lime)}.matches{display:grid;gap:12px;padding:18px 0 80px}.match{display:grid;grid-template-columns:145px 1fr 260px;align-items:center;gap:28px;background:var(--panel);border:1px solid transparent;padding:24px 28px;transition:.25s;position:relative;overflow:hidden}.match:hover{border-color:rgba(200,255,61,.3);transform:translateY(-2px);background:var(--panel2)}.match.live:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--lime)}.meta{font-size:10px;color:var(--muted);letter-spacing:1px;line-height:1.7}.meta b{display:block;color:var(--lime);font-size:11px}.teams{display:grid;gap:11px}.team{display:grid;grid-template-columns:28px minmax(100px,1fr) 30px;align-items:center;gap:12px;font-weight:750}.flag{width:28px;height:20px;object-fit:contain}.score{font-size:20px;text-align:right}.prediction{border-left:1px solid var(--line);padding-left:28px}.prediction-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:12px}.prediction-head b{color:var(--text)}.prob-labels{display:flex;justify-content:space-between;font-size:10px;font-weight:800;margin-bottom:7px}.prob-bar{height:5px;background:#26372f;display:flex;overflow:hidden}.prob-bar i{height:100%;display:block}.prob-bar .home{background:var(--lime)}.prob-bar .draw{background:#81968d}.prob-bar .away{background:var(--orange)}.empty{text-align:center;padding:70px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:35px 5vw;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:1px}@keyframes pulse{70%{box-shadow:0 0 0 7px rgba(200,255,61,0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px) rotate(2deg)}}@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:60px}.hero h1{letter-spacing:-3px}.orb-wrap{display:none}.stats{grid-template-columns:1fr 1fr}.stats>div:nth-child(2){border-right:0}.stats>div{border-bottom:1px solid var(--line)}.toolbar{align-items:stretch;flex-direction:column}.tabs{overflow-x:auto}.search{width:100%}.match{grid-template-columns:95px 1fr}.prediction{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.topbar{padding:0 18px}.live-pill{padding:7px}.live-pill span:last-child{display:none}footer{flex-direction:column;gap:10px}}@media(max-width:480px){main{width:92vw}.hero{padding:45px 0}.hero h1{font-size:48px}.stats>div{padding:18px 14px}.stats strong{font-size:22px}.match{padding:20px 16px;gap:14px}.section-head h2{font-size:28px}.source{display:none}}
