:root{--bg: #ffffff;--surface: #ffffff;--text: #353535;--muted: #9aa3ad;--brighted: #ffffff;--accent: #6ac6ff;--accent-2: #a88bff;--border: #e9e9e9;--radius: 16px;--container: 1100px}html,body,#root{height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg);color:var(--text)}img{max-width:100%;display:block}a{color:var(--text);text-decoration:none}.muted{color:var(--muted)}.container{width:min(100% - 2rem,var(--container));margin-inline:auto}.header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--bg) 85%,transparent);border-bottom:1px solid var(--border);transition:padding .2s ease,background .2s ease;padding:14px 0}.header--shrink{padding:8px 0;background:color-mix(in srgb,var(--bg) 92%,transparent)}.header__inner{display:flex;align-items:center;gap:1rem}.brand{display:flex;align-items:center;gap:.5rem;font-weight:600;letter-spacing:.2px}.brand__logo{height:28px;width:28px;object-fit:contain}.brand__name{opacity:.95}.nav{margin-left:auto;display:flex;gap:1rem;font-weight:500}.nav a{opacity:.9}.nav a:hover{color:var(--accent)}.hero{position:relative;min-height:calc(100vh - 64px);display:grid;place-items:center;overflow:clip}.hero__bg{position:absolute;inset:0;background-color:#4cabff}.hero__logo{height:400px;width:auto;margin:0 auto 12px}.hero__subtitle{color:var(--brighted);margin:.25rem 0 1rem;font-size:clamp(1rem,2vw,1.5rem)}.hero__content{position:relative;text-align:center;padding:4rem 1rem}.hero__title{font-size:clamp(2rem,4vw,3rem);margin:.25rem 0}.hero__cta{display:flex;gap:.75rem;justify-content:center;margin-top:1rem}.socials{display:flex;gap:1rem;justify-content:center;margin-top:1.25rem}.socials a{color:var(--muted)}.socials a:hover{color:var(--accent)}.btn{padding:.7rem 1rem;border-radius:999px;background:var(--accent);color:#081018;font-weight:700;border:1px solid color-mix(in srgb,var(--accent) 70%,white 30%);box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 30%,transparent)}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 40%,transparent)}.btn:active{transform:translateY(0)}.btn--ghost{background:transparent;color:var(--text);border-color:var(--border);box-shadow:none}.btn--ghost:hover{border-color:color-mix(in srgb,var(--text) 30%,var(--border))}.section{padding:64px 0;border-top:1px solid var(--border);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface) 6%,transparent) 40%,transparent)}.section__title{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 1rem;letter-spacing:.3px}.section__body{color:var(--text)}.grid{display:grid;gap:1rem}@media (min-width: 780px){.games{grid-template-columns:repeat(2,1fr)}.team{grid-template-columns:repeat(3,1fr)}}.card{background:color-mix(in srgb,var(--surface) 75%,black 25%);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card__media{aspect-ratio:16/9;background:#000}.card__media img{width:100%;height:100%;object-fit:cover}.card__media--round{aspect-ratio:1/1;display:grid;place-items:center;padding:12px}.card__media--round img{width:72%;height:auto;border-radius:999px}.card__body{padding:1rem}.pill-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.pill{padding:.35rem .7rem;border-radius:999px;border:1px solid var(--border);background:#0e1218;color:var(--text);font-size:.9rem}.pill:hover{border-color:var(--accent);color:var(--accent)}.news{list-style:none;padding:0;margin:0}.news__item{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--border)}.news__item a:hover{color:var(--accent)}.footer{border-top:1px solid var(--border);padding:28px 0;margin-top:40px;background:color-mix(in srgb,var(--surface) 40%,transparent)}.footer__inner{display:flex;align-items:center;gap:1rem;justify-content:space-between}.grain{position:absolute;inset:0;opacity:.1;background-image:url('data:image/svg+xml;utf8,        <svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300">          <filter id="n">            <feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="2" stitchTiles="stitch"/>            <feColorMatrix type="saturate" values="0"/>          </filter>          <rect width="100%" height="100%" filter="url(%23n)" opacity="0.4"/>        </svg>');background-size:300px 300px;mix-blend-mode:overlay}