*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}.app{color:#f5f7fa;background:radial-gradient(circle at 0 0,#2f80ed47,#0000 36%),radial-gradient(circle at 100% 0,#ff8a0033,#0000 30%),#081321;min-height:100vh;padding:48px 24px 80px}.hero,.section-block,.status-card{max-width:1200px;margin-left:auto;margin-right:auto}.hero{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10243bc7;border:1px solid #ffffff14;border-radius:32px;padding:72px 40px;box-shadow:0 24px 80px #00000047}.hero-badge{color:#ffb35a;letter-spacing:.04em;text-transform:uppercase;background:#ff8a001f;border:1px solid #ff8a0057;border-radius:999px;align-items:center;margin-bottom:24px;padding:10px 16px;font-size:.92rem;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.055em;max-width:800px;margin:0 0 18px;font-size:clamp(3rem,7vw,6.4rem);line-height:.96}.hero h1 span{color:#ff8a00}.hero p{color:#b8c6d8;max-width:720px;margin:0;font-size:1.2rem;line-height:1.7}.status-card{color:#dbe7f5;background:#10243bd1;border:1px solid #ffffff14;border-radius:22px;margin-top:28px;padding:24px}.error-card{color:#ffd1a3;border-color:#ff8a0066}.section-block{margin-top:54px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.eyebrow{color:#ff9d2e;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.82rem;font-weight:800}.section-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.9rem,4vw,3rem)}.upcoming-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.upcoming-card{background:linear-gradient(160deg,#2f80ed38,#0000 42%),#10243bf5;border:1px solid #ffffff17;border-radius:28px;flex-direction:column;min-height:390px;padding:24px;display:flex;box-shadow:0 22px 55px #00000038}.match-meta{color:#9eb3c8;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.92rem;display:flex}.match-meta span:first-child{color:#63a7ff;font-weight:800}.versus-block{flex-direction:column;flex:1;justify-content:center;gap:16px;padding:28px 0;display:flex}.versus-block h3{margin:0;font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.18}.vs-pill{color:#ffad4d;background:#ff8a0029;border:1px solid #ff8a0047;border-radius:999px;width:fit-content;padding:7px 12px;font-size:.84rem;font-weight:900}.score-pill{color:#ffb35a;letter-spacing:.04em;background:#ff8a0033;border:1px solid #ff8a006b;border-radius:999px;width:fit-content;padding:7px 14px;font-size:1rem;font-weight:900}.teams-row .match-score-inline{color:#ffad4d;background:#ff8a002e;border:1px solid #ff8a0059;border-radius:999px;padding:6px 10px;font-size:.92rem;font-weight:900}.favorite-box{background:#05111f8c;border:1px solid #ffffff12;border-radius:20px;flex-direction:column;gap:7px;padding:18px;display:flex}.favorite-label{color:#93a9bf;text-transform:uppercase;letter-spacing:.06em;font-size:.86rem;font-weight:800}.favorite-box strong{color:#ff9d2e;font-size:1.28rem}.favorite-box small{color:#b8c6d8;line-height:1.45}.stage-list{flex-direction:column;gap:28px;display:flex}.stage-section{background:#10243bcc;border:1px solid #ffffff14;border-radius:28px;padding:24px}.stage-title{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.stage-title h3{letter-spacing:-.035em;margin:0;font-size:1.65rem}.stage-title span{color:#8dc3ff;background:#2f80ed24;border:1px solid #2f80ed38;border-radius:999px;padding:8px 12px;font-size:.88rem;font-weight:800}.match-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.match-card{background:#061221b8;border:1px solid #ffffff12;border-radius:22px;padding:20px}.match-card-top,.result-row,.prediction-summary,.prediction-item{justify-content:space-between;gap:16px;display:flex}.match-card-top{color:#9eb3c8;margin-bottom:18px;font-size:.94rem}.teams-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:18px;display:grid}.teams-row strong{font-size:1.12rem;line-height:1.35}.teams-row strong:last-child{text-align:right}.teams-row span{color:#ff9d2e;text-transform:uppercase;font-size:.86rem;font-weight:900}.result-row,.prediction-summary{color:#b8c6d8;border-top:1px solid #ffffff12;padding:12px 0}.result-row strong{color:#f5f7fa}.prediction-summary strong{color:#ff9d2e;text-align:right}.prediction-list{border-top:1px solid #ffffff12;flex-direction:column;gap:10px;margin-top:12px;padding-top:14px;display:flex}.prediction-item{color:#b8c6d8;font-size:.94rem}.prediction-item strong{color:#f5f7fa}@media (width<=1050px){.upcoming-grid{grid-template-columns:1fr}}@media (width<=1100px){.match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=750px){.match-grid{grid-template-columns:1fr}.stage-title,.section-heading{flex-direction:column;align-items:flex-start}}.standings-card{background:linear-gradient(135deg,#ff8a0024,#0000 38%),#10243be6;border:1px solid #ffffff14;border-radius:28px;overflow:hidden;box-shadow:0 22px 55px #0003}.standings-header,.standings-row{grid-template-columns:110px 1fr 140px;align-items:center;gap:18px;display:grid}.standings-header{color:#95abc1;letter-spacing:.08em;text-transform:uppercase;background:#05111f9e;padding:18px 24px;font-size:.86rem;font-weight:900}.standings-body{flex-direction:column;display:flex}.standings-row{border-top:1px solid #ffffff12;min-height:82px;padding:18px 24px}.standings-row strong{letter-spacing:-.02em;font-size:1.18rem}.rank-badge{color:#8dc3ff;background:#2f80ed29;border:1px solid #2f80ed47;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.15rem;font-weight:900;display:inline-flex}.rank-1{color:#ffb65e;background:#ff8a0033;border-color:#ff8a0075}.rank-2{color:#9dccff;background:#2f80ed38;border-color:#2f80ed6b}.rank-3{color:#e2ebf5;background:#ffffff14;border-color:#ffffff29}.points-pill{color:#ffb35a;text-align:center;background:#ff8a0029;border:1px solid #ff8a0052;border-radius:999px;justify-self:end;min-width:74px;padding:12px 18px;font-size:1.1rem;font-weight:900}.standings-empty{color:#b8c6d8;background:#10243bd1;border:1px solid #ffffff14;border-radius:24px;padding:24px}@media (width<=700px){.app{padding:20px 16px 60px}.hero{border-radius:24px;padding:42px 24px}.hero p{font-size:1rem}.upcoming-card,.stage-section,.match-card{border-radius:22px}.teams-row{grid-template-columns:1fr}.standings-header,.standings-row{grid-template-columns:64px 1fr 82px;gap:12px;padding-left:16px;padding-right:16px}.standings-row strong{font-size:1rem}.rank-badge{width:40px;height:40px;font-size:1rem}.points-pill{min-width:64px;padding:10px 12px;font-size:1rem}.teams-row strong:last-child{text-align:left}.teams-row span{width:fit-content}}