:root{
  --bg:#050a11;--bg2:#07111d;--panel:#0c1623;--panel2:#101d2c;--line:#203247;
  --text:#f7fbff;--muted:#8ea0b6;--soft:#62748b;--accent:#34ef9b;--accent2:#20c77d;
  --danger:#ff5e6c;--warn:#ffc857;--shadow:0 24px 70px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:
radial-gradient(circle at 75% -15%,rgba(52,239,155,.09),transparent 30%),
linear-gradient(180deg,var(--bg),#06101a 45%,var(--bg));color:var(--text);
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(1240px,calc(100% - 34px));margin:auto}
.topbar{position:sticky;top:0;z-index:50;background:rgba(5,10,17,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:-.6px}
.brand img{width:38px;height:38px;border-radius:11px}.brand b span{color:var(--accent)}
.navlinks{display:flex;gap:22px;color:#9eacbd;font-size:13px;font-weight:800;flex:1}.navlinks a:hover{color:#fff}
.nav-actions{display:flex;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border-radius:11px;border:1px solid var(--line);background:var(--panel);color:#fff;font-weight:900;font-size:12px;cursor:pointer}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#04140d}.btn:hover{transform:translateY(-1px)}
.hero{padding:72px 0 42px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.eyebrow{color:var(--accent);font-size:11px;font-weight:950;letter-spacing:1.7px;text-transform:uppercase}
.hero h1{font-size:clamp(46px,6vw,76px);line-height:.96;letter-spacing:-4px;margin:15px 0 22px}.hero h1 span{color:var(--accent)}
.hero p{font-size:18px;line-height:1.65;color:#9cadbf;max-width:650px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.hero-card{background:linear-gradient(145deg,#0b1723,#08111c);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}
.hero-card .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.live-pill{color:var(--accent);font-size:10px;font-weight:950}
.demo-match{border:1px solid var(--line);border-radius:17px;background:#0a1420;padding:17px}.demo-league{font-size:9px;color:var(--muted);font-weight:900;margin-bottom:16px}
.demo-score{display:grid;grid-template-columns:1fr 72px 1fr;align-items:center;text-align:center}.crest{width:48px;height:48px;border-radius:50%;background:#152438;display:grid;place-items:center;margin:auto auto 8px;font-weight:950}
.demo-score strong{font-size:23px}.minute{font-size:9px;color:var(--accent);font-weight:950;margin-top:4px}
.portal-shell{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;padding:28px 0 68px}.panel{background:rgba(10,20,32,.88);border:1px solid var(--line);border-radius:19px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 19px;border-bottom:1px solid var(--line)}
.panel-head h2,.panel-head h3{margin:0;font-size:18px}.date-strip{display:flex;gap:7px;overflow:auto;padding:12px 14px;border-bottom:1px solid var(--line);scrollbar-width:none}.date-btn{min-width:74px;padding:10px;border:1px solid var(--line);background:#0b1724;color:#91a2b6;border-radius:12px;cursor:pointer;font-size:10px;font-weight:900}.date-btn.active{background:var(--accent);color:#04140d;border-color:var(--accent)}
.match-list{padding:10px}.league-block{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:10px}.league-title{padding:9px 12px;background:#0d1a28;color:#a4b1c2;font-size:10px;font-weight:950}.match-row{display:grid;grid-template-columns:70px 1fr 62px;align-items:center;gap:12px;padding:12px;border-top:1px solid rgba(255,255,255,.05);cursor:pointer}.match-row:hover{background:#0c1926}.time{font-size:11px;color:#91a1b5}.teams{display:grid;gap:7px}.teamline{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.teamline img{width:21px;height:21px;object-fit:contain}.scorebox{text-align:right;font-weight:950;font-size:14px}.status-live{color:var(--accent);font-size:8px}.empty,.loading{padding:30px;text-align:center;color:var(--muted);font-size:12px}
.side-stack{display:grid;gap:18px;align-content:start}.standings{padding:8px 10px 13px}.table-row{display:grid;grid-template-columns:28px 1fr 32px 38px;gap:8px;align-items:center;padding:9px 6px;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px}.table-row img{width:20px;height:20px;object-fit:contain}.pos{color:#71839a}.pts{text-align:right;font-weight:950}.played{text-align:right;color:#75879c}
.news-card{padding:18px}.news-card h3{font-size:20px;margin:3px 0 8px}.news-card p{font-size:12px;color:var(--muted);line-height:1.6}
.latest-news{padding:76px 0}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading-row h1,.section-heading-row h2{font-size:42px;letter-spacing:-2px;margin:8px 0 0}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{background:#09131f;border:1px solid var(--line);border-radius:18px;overflow:hidden}.article-card.featured{grid-column:span 2}.article-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#07111d}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.article-card:hover .article-image img{transform:scale(1.025)}.article-body{padding:21px}.article-meta{font-size:10px;color:var(--accent);font-weight:950;letter-spacing:1px}.article-body h3{font-size:24px;line-height:1.15;margin:10px 0}.article-body p{color:var(--muted);font-size:13px;line-height:1.65}.read-more{color:var(--accent);font-size:12px;font-weight:950}.article-page{padding:42px 0 85px}.article-layout{display:grid;grid-template-columns:minmax(0,820px) 280px;gap:30px;align-items:start}.article-main{background:#09131f;border:1px solid var(--line);border-radius:20px;overflow:hidden}.article-header{padding:30px}.article-header h1{font-size:clamp(36px,5vw,58px);line-height:1;letter-spacing:-2.5px;margin:13px 0 18px}.article-lead{font-size:18px;line-height:1.6;color:#b5c2d0}.article-hero{width:100%;display:block}.article-content{padding:10px 30px 34px}.article-content p{font-size:16px;line-height:1.8;color:#b0bfce}.article-content h2{font-size:28px;margin-top:32px}.article-aside{position:sticky;top:92px}.source-box{padding:18px;background:#09131f;border:1px solid var(--line);border-radius:16px}.source-box p{font-size:12px;line-height:1.6;color:var(--muted)}.share-instagram{margin-top:14px;width:100%}
.features{padding:80px 0}.section-title{text-align:center;max-width:720px;margin:0 auto 38px}.section-title h2{font-size:42px;letter-spacing:-2px;margin:10px 0}.section-title p{color:var(--muted);line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{padding:24px;border:1px solid var(--line);background:#09131f;border-radius:17px;min-height:180px}.feature .icon{width:40px;height:40px;border-radius:11px;background:rgba(52,239,155,.1);display:grid;place-items:center;color:var(--accent);margin-bottom:18px}.feature h3{margin:0 0 8px}.feature p{margin:0;color:#8193a8;line-height:1.6;font-size:12px}
.cta{margin:30px auto 80px;padding:45px;border:1px solid rgba(52,239,155,.22);background:linear-gradient(120deg,#0c1a20,#09131d);border-radius:22px;text-align:center}.cta h2{font-size:38px;margin:8px 0 10px}.cta p{color:var(--muted);max-width:620px;margin:0 auto 24px}
footer{border-top:1px solid var(--line);padding:28px 0 38px}.footer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.foot-note{font-size:11px;color:#728399;line-height:1.6}.legal-links{display:flex;flex-wrap:wrap;gap:11px 18px;justify-content:flex-end}.legal-links a{font-size:11px;color:#91a1b4}
.page{padding:46px 0 80px}.legal-wrap{display:grid;grid-template-columns:260px 1fr;gap:22px}.legal-nav{position:sticky;top:92px;align-self:start;background:#09131f;border:1px solid var(--line);border-radius:16px;padding:10px}.legal-nav a{display:block;padding:10px 11px;border-radius:10px;font-size:11px;color:#8ea0b6;font-weight:800}.legal-nav a:hover,.legal-nav a.active{background:#102033;color:#fff}.legal-doc{background:#09131f;border:1px solid var(--line);border-radius:18px;padding:28px;line-height:1.68}.legal-doc h1{font-size:34px;letter-spacing:-1.5px}.legal-doc h2{font-size:24px;margin-top:28px}.legal-doc h3{font-size:16px;margin-top:24px}.legal-doc p,.legal-doc li{color:#9aabbd;font-size:13px}.callout{background:#0f211c;border:1px solid rgba(52,239,155,.25);padding:14px;border-radius:12px;color:#bdd5ca;margin:16px 0}.warning{background:#261c0c;border:1px solid rgba(255,200,87,.3);padding:14px;border-radius:12px;color:#e2cb9b}
.match-page{padding:28px 0 70px}.back{font-size:11px;color:#8ea0b6}.match-card{margin-top:13px;background:#09131f;border:1px solid var(--line);border-radius:20px;overflow:hidden}.match-top{padding:20px;text-align:center;border-bottom:1px solid var(--line)}.match-league{font-size:10px;color:#8293a6;font-weight:900}.match-score{display:grid;grid-template-columns:1fr 110px 1fr;align-items:center;margin:24px auto 8px;max-width:760px}.match-team img{width:58px;height:58px;object-fit:contain}.match-team b{display:block;margin-top:8px}.big-score{font-size:34px;font-weight:950}.tabs{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--line);overflow:auto}.tabs button{background:#0d1a28;border:1px solid var(--line);color:#8ea0b6;border-radius:10px;padding:9px 13px;font-size:10px;font-weight:900;cursor:pointer}.tabs button.active{background:var(--accent);color:#04140d;border-color:var(--accent)}.tab-content{padding:18px}.event{display:grid;grid-template-columns:44px 30px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px}.event .min{color:var(--accent);font-weight:950}.metric-row{display:grid;grid-template-columns:80px 1fr 80px;gap:10px;align-items:center;margin:11px 0;font-size:11px}.bar{height:7px;background:#152337;border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:var(--accent)}.lineup-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lineup{border:1px solid var(--line);border-radius:13px;padding:12px}.lineup h4{margin:0 0 10px}.player-row{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px;color:#9aabbd}
@media(max-width:900px){.navlinks{display:none}.hero{grid-template-columns:1fr}.portal-shell{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.legal-wrap{grid-template-columns:1fr}.legal-nav{position:static}.footer-grid{grid-template-columns:1fr}.legal-links{justify-content:flex-start}.match-score{grid-template-columns:1fr 90px 1fr}.lineup-grid{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr}.article-card.featured{grid-column:auto}.article-layout{grid-template-columns:1fr}.article-aside{position:static}}
@media(max-width:560px){.container{width:min(100% - 20px,1240px)}.nav-actions .secondary{display:none}.hero{padding-top:45px}.hero h1{letter-spacing:-2.8px}.match-row{grid-template-columns:54px 1fr 48px}.feature-grid{grid-template-columns:1fr}.cta{padding:34px 20px}.legal-doc{padding:20px}.match-score{grid-template-columns:1fr 72px 1fr}.match-team img{width:46px;height:46px}}