:root{color-scheme:dark;--bg:#07101d;--panel:#0f1b2d;--panel2:#14233a;--line:#223551;--text:#f8fbff;--muted:#8da0ba;--cyan:#35e4d2;--blue:#3578ff;--yellow:#ffd43b}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(155deg,#081220,#050a12 66%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;overflow-x:hidden}.glow{position:fixed;border-radius:50%;filter:blur(100px);opacity:.14;pointer-events:none}.glow-one{width:380px;height:380px;background:#00e6d2;right:-170px;top:-150px}.glow-two{width:320px;height:320px;background:#315cff;left:-220px;top:430px}.topbar,main{width:min(920px,100%);margin:auto}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top) 20px 0}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;letter-spacing:.04em}.brand-ball{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(135deg,var(--cyan),#33a6ff);color:#07101d;font-size:1.45rem;font-weight:1000;box-shadow:0 8px 25px #25d4da33}.brand strong,.brand small{display:block;line-height:1}.brand strong{font-size:1.1rem}.brand small{margin-top:4px;color:var(--cyan);font-size:.62rem;letter-spacing:.25em}.round-button{width:43px;height:43px;border-radius:50%;border:1px solid var(--line);background:#101c2e;color:var(--yellow);font-size:1.1rem}main{padding:0 16px 48px}.hero{min-height:270px;display:flex;align-items:center;justify-content:space-between;padding:28px 8px 25px}.kicker{margin:0 0 12px;color:var(--cyan);font-size:.66rem;font-weight:900;letter-spacing:.18em}.hero h1{margin:0;font-size:clamp(2.35rem,8vw,4.6rem);line-height:.94;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,var(--cyan),#73a7ff);background-clip:text}.hero-copy{max-width:500px;margin:18px 0 0;color:var(--muted);line-height:1.5}.hero-orbit{width:160px;height:160px;border:1px solid #35e4d244;border-radius:50%;display:grid;place-items:center;position:relative;flex:0 0 auto}.hero-orbit span{font-size:4.5rem;filter:drop-shadow(0 15px 15px #0008)}.hero-orbit i{position:absolute;width:190px;height:65px;border:1px solid #3578ff55;border-radius:50%;transform:rotate(-25deg)}.hero-orbit b{position:absolute;bottom:1px;right:-4px;padding:6px 9px;border-radius:8px;background:#ff3b5c;font-size:.6rem;letter-spacing:.12em}.toolbar{position:sticky;top:8px;z-index:5;padding:7px;background:#091321dc;border:1px solid var(--line);border-radius:21px;backdrop-filter:blur(18px);box-shadow:0 14px 35px #0005}.date-strip{display:grid;grid-template-columns:repeat(3,1fr) 46px;gap:5px}.date-strip button,.calendar-button{border:0;border-radius:14px;background:transparent;color:var(--muted);padding:8px 4px;text-align:center}.date-strip button small,.date-strip button strong{display:block}.date-strip button small{font-size:.68rem}.date-strip button strong{margin-top:2px;font-size:.87rem;color:#dce7f5}.date-strip button.active{background:linear-gradient(135deg,#16646b,#2459a9);color:white}.calendar-button{position:relative;display:grid;place-items:center;font-size:1.3rem;overflow:hidden}.calendar-button input{position:absolute;inset:0;width:100%;opacity:0}.filters{display:flex;gap:5px;margin-top:7px;border-top:1px solid #ffffff0c;padding-top:7px}.filters button{flex:1;border:0;border-radius:10px;padding:7px;background:transparent;color:var(--muted);font-size:.72rem;font-weight:800}.filters button.selected{background:#ffffff0d;color:white}.section-head{display:flex;justify-content:space-between;align-items:end;padding:29px 4px 13px}.section-head span{font-size:.61rem;font-weight:900;letter-spacing:.17em;color:var(--cyan)}.section-head h2{margin:5px 0 0;font-size:1.2rem;text-transform:capitalize}.text-button{border:0;background:transparent;color:var(--muted);font-weight:700}.status{text-align:center;padding:55px 10px;color:var(--muted)}.loader{width:34px;height:34px;border:3px solid #1d314c;border-top-color:var(--cyan);border-radius:50%;margin:auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.matches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.match-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;padding:15px;background:linear-gradient(145deg,#13243b,#0b1525);box-shadow:0 15px 35px #0004}.match-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.55}.card-top,.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.competition{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a7b8cd;font-size:.7rem;font-weight:800}.gender-badge{border:1px solid #ffffff18;border-radius:8px;padding:4px 6px;color:var(--muted);font-size:.58rem;font-weight:900}.teams{display:grid;grid-template-columns:1fr 94px 1fr;align-items:center;gap:7px;padding:22px 0 15px}.team{text-align:center;min-width:0;position:relative}.flag{font-size:2.7rem;line-height:1;filter:drop-shadow(0 7px 8px #0007)}.team-name{margin-top:8px;font-weight:900;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-code{margin-top:3px;color:var(--muted);font-size:.62rem}.favorite-star{position:absolute;top:-15px;right:0;border:0;background:none;color:#405169;font-size:1rem}.favorite-star.on{color:var(--yellow)}.match-center{text-align:center}.time{font-size:1.25rem;font-weight:1000}.versus{margin-top:4px;color:#61748e;font-size:.58rem;font-weight:900;letter-spacing:.12em}.score{font-size:1.65rem;font-weight:1000}.live{color:#ff5772}.sets{min-height:20px;display:flex;justify-content:center;gap:8px;margin-bottom:13px;color:#8194ad;font-size:.67rem}.sets span{padding:4px 7px;background:#ffffff08;border-radius:6px}.card-bottom{border-top:1px solid #ffffff0d;padding-top:12px}.venue{max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#61748e;font-size:.63rem}.watch-button{border:1px solid #35e4d244;border-radius:11px;padding:8px 10px;background:#35e4d20d;color:var(--cyan);font-size:.67rem;font-weight:900}.watch-button:disabled{opacity:.38}.newsletter{display:flex;align-items:center;gap:12px;margin-top:22px;padding:17px;border-radius:21px;border:1px solid var(--line);background:linear-gradient(135deg,#132845,#101b2d)}.newsletter>span{font-size:2rem}.newsletter div{flex:1}.newsletter strong{font-size:.9rem}.newsletter p{margin:3px 0 0;color:var(--muted);font-size:.69rem}.newsletter button{border:0;border-radius:11px;padding:10px 12px;background:var(--cyan);color:#07101d;font-weight:900}.ad-slot{margin:12px 0;padding:17px;border:1px dashed #334660;border-radius:14px;text-align:center;color:#52657d;font-size:.7rem}dialog{width:min(520px,calc(100% - 24px));border:1px solid var(--line);border-radius:25px;padding:19px;background:#0d192a;color:white;box-shadow:0 30px 80px #000b}dialog::backdrop{background:#02050bcc;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;gap:15px}.dialog-top h3{margin:4px 0}.dialog-top button{border:0;background:transparent;color:#9eafc2;font-size:2rem}.dialog-note{color:var(--muted);font-size:.72rem;line-height:1.45}.channels{display:grid;gap:9px;margin-top:16px}.channel{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:16px;background:#122139}.channel-flag{font-size:1.6rem}.channel div{flex:1}.channel strong,.channel small{display:block}.channel small{margin-top:3px;color:var(--muted)}.channel a{color:var(--cyan);text-decoration:none;font-size:.73rem;font-weight:900}#toast{position:fixed;left:50%;bottom:25px;z-index:20;transform:translate(-50%,120px);padding:11px 16px;background:#eef6ff;color:#07101d;border-radius:12px;font-weight:800;font-size:.76rem;transition:.25s}#toast.show{transform:translate(-50%,0)}
@media(max-width:680px){.hero{min-height:240px}.hero-orbit{width:100px;height:100px}.hero-orbit span{font-size:3rem}.hero-orbit i{width:122px;height:45px}.hero-copy{font-size:.84rem}.matches{grid-template-columns:1fr}}@media(max-width:390px){.hero-orbit{display:none}.teams{grid-template-columns:1fr 80px 1fr}}
.team-logo{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 7px 8px #0007)}