*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left,rgba(255,0,180,.25),transparent 35%),radial-gradient(circle at top right,rgba(120,70,255,.28),transparent 35%),#090812;color:white}
.app{width:min(1450px,92%);margin:0 auto;padding:50px 0}
.hero{text-align:center;margin-bottom:26px}
.eyebrow{color:#ff7adf;text-transform:uppercase;letter-spacing:3px;font-size:13px}
h1{font-size:clamp(46px,8vw,92px);margin:8px 0}
.subtitle,.update-info{color:#c9c3df;font-size:16px}
.toolbar{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:14px;margin-bottom:20px}
input,select,button{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:white;outline:none}
button{cursor:pointer;color:#ff9de8}
option{background:#161224;color:white}
.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:22px}
.stats div,.panel,.next-match{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:24px;backdrop-filter:blur(20px);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.stats div{padding:16px}
.stats strong{display:block;font-size:26px;color:#ff7adf}
.stats span{color:#c9c3df;font-size:13px}
.next-match{padding:22px;margin-bottom:22px}
.next-match h2,.panel h2{margin:0 0 12px}
.countdown{color:#ff7adf;font-size:24px;font-weight:800}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:24px}
.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}
.side{display:grid;gap:24px}
.panel{padding:24px}
.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.panel-header h2{margin:0}
.panel-header span{color:#b9b2d0;font-size:13px}
.cards{display:grid;gap:16px}
.section-title{margin:22px 0 10px;color:#ff7adf;font-size:14px;text-transform:uppercase;letter-spacing:1.5px}
.match-card{padding:18px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12)}
.group-label{color:#b9b2d0;font-size:13px;margin-bottom:8px}
.teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;font-size:20px;font-weight:750}
.teams span:last-child{text-align:right}
.score{color:#ff7adf;font-size:24px}
.meta{margin-top:12px;color:#c9c3df;font-size:14px}
.goals{margin-top:10px;color:#d8d2ea;font-size:13px;line-height:1.5}
.status{display:inline-block;margin-top:12px;padding:6px 10px;border-radius:999px;background:rgba(255,122,223,.16);color:#ff9de8;font-size:13px}
.status.Finished{background:rgba(88,255,176,.13);color:#8fffd0}
.status.Upcoming{background:rgba(255,122,223,.16);color:#ff9de8}
.status.Live{background:rgba(255,72,92,.18);color:#ff6b7c}
.standings,.bracket,.ranking{display:grid;gap:14px}
.group-card,.bracket-round,.rank-card,.highlight{padding:16px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10)}
.group-card h3,.bracket-round h3{margin:0 0 12px;color:#ff7adf}
.table{width:100%;border-collapse:collapse;font-size:13px}
.table th,.table td{padding:7px 4px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}
.table th{color:#b9b2d0;font-weight:600}
.table td:first-child{font-weight:700}
.bracket-round{position:relative}
.bracket-match{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.highlight strong,.rank-card strong{color:#ff7adf}
.empty{color:#c9c3df;padding:20px;border:1px dashed rgba(255,255,255,.18);border-radius:18px}
.no-spoilers .score,.no-spoilers .goals{filter:blur(8px)}
@media(max-width:1100px){.grid,.toolbar,.stats,.dashboard-grid{grid-template-columns:1fr}.teams{grid-template-columns:1fr}.teams span:last-child{text-align:left}}