:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% -10%,#1a3a25 0,#07130e 48%,#05100b 100%);color:#edf7ee;line-height:1.5}a{color:inherit}button,input{font:inherit}.hub-header{max-width:1240px;margin:auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid #ffffff21}.hub-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-size:.8rem;font-weight:900;letter-spacing:.08em}.hub-brand img{width:145px;height:auto;max-height:50px;object-fit:contain}.hub-brand span{color:#bbff48}.hub-header nav{display:flex;gap:1rem;flex-wrap:wrap}.hub-header nav a,.hub-breadcrumb a{color:#b6c9ba;text-decoration:none}.hub-header nav a:hover,.hub-breadcrumb a:hover{color:#baff45}main{max-width:1240px;margin:auto;padding:1.3rem 1.5rem 3rem}.hub-breadcrumb{display:flex;gap:.55rem;color:#839b8a;font-size:.85rem}.hub-heading{padding:2rem 0 2.3rem}.hub-kicker{font-size:.75rem;letter-spacing:.18em;color:#baff45;font-weight:900}.hub-heading h1{font-size:clamp(2rem,4.5vw,3.7rem);line-height:1.1;letter-spacing:-.04em;margin:.65rem 0}.hub-heading p{color:#b7c9ba;margin:0 0 1rem;max-width:760px;font-size:1.05rem}.hub-heading small{color:#8fa996}.hub-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:1.4rem}.hub-controls,.hub-side section{background:#0a1f15;border:1px solid #ffffff26;border-radius:18px;padding:1.2rem;margin-bottom:1.2rem}.hub-controls label{display:block;color:#b8cdbd;font-size:.84rem;margin-bottom:.5rem}.hub-controls input{width:100%;padding:.8rem 1rem;background:#08160f;color:#fff;border:1px solid #ffffff39;border-radius:10px;font-size:1rem}.hub-controls input:focus{outline:2px solid #baff45}.hub-tabs{display:flex;gap:.6rem;margin-top:1rem}.hub-tabs button{padding:.6rem .9rem;background:transparent;border:1px solid #ffffff42;border-radius:9px;color:#b8cdbd;cursor:pointer}.hub-tabs button.is-active{background:#baff45;color:#07130e;border-color:#baff45;font-weight:800}.hub-section-title{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.hub-section-title h2,.hub-side h2{font-size:1.25rem;margin:.4rem 0 1rem}.hub-section-title span{font-size:.8rem;color:#9cb09d}.hub-content{display:grid;gap:.75rem}.hub-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;text-decoration:none;background:#0b2117;border:1px solid #ffffff28;border-radius:13px;padding:1rem}.hub-card:hover,.hub-card:focus-visible{border-color:#baff45;background:#123122;outline:none}.hub-card strong{display:block;font-size:1rem}.hub-card small,.hub-card em,.hub-news small,.hub-match small{display:block;color:#9fb6a5;font-style:normal;font-size:.8rem;margin-top:.18rem}.hub-card>b{color:#baff45}.hub-empty{padding:1.2rem;border:1px dashed #ffffff3c;border-radius:12px;color:#b3c4b6;font-size:.95rem}.hub-match{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;background:#0b2117;border:1px solid #ffffff28;border-radius:13px;padding:1rem;text-decoration:none}.hub-match:hover{border-color:#baff45}.hub-match strong{display:block;font-size:1.03rem}.hub-match-score{font-size:1.18rem;font-weight:900;color:#baff45}.hub-match-live{color:#ff9696!important}.hub-side section p{color:#aec1b1;font-size:.9rem}.hub-side section a{color:#baff45;text-decoration:none}.hub-news{display:grid;gap:.7rem}.hub-news a{display:block;padding:.8rem;border-radius:10px;background:#10281b;color:#edf7ee;text-decoration:none}.hub-news a:hover{outline:1px solid #baff45}.hub-news strong{font-size:.88rem}footer{max-width:1240px;margin:auto;padding:1.5rem;color:#829b87;font-size:.8rem;border-top:1px solid #ffffff21}@media(max-width:780px){.hub-layout{grid-template-columns:1fr}.hub-header{align-items:flex-start;flex-direction:column}.hub-heading{padding:1.5rem 0}.hub-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.hub-side section{margin:0}}@media(max-width:520px){.hub-side{grid-template-columns:1fr}main,.hub-header{padding-left:1rem;padding-right:1rem}.hub-brand span{font-size:.65rem}.hub-match{grid-template-columns:1fr}.hub-match-score{justify-self:start}}
