@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{color:#f5f7f4;font-synthesis:none;text-rendering:optimizelegibility;background:#07110d;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 75% 25%,#19ab5926,#0000 32rem),linear-gradient(125deg,#07110d 20%,#0b1812 70%,#07110d);min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.shell{width:min(1180px,100% - 40px);margin-inline:auto}.nav{border-bottom:1px solid #ffffff1f;grid-template-columns:1fr auto 1fr;align-items:center;min-height:88px;display:grid}.brand{letter-spacing:.08em;align-items:center;gap:12px;width:fit-content;font-family:Barlow Condensed,sans-serif;font-size:1.35rem;font-weight:600;display:inline-flex}.brand strong{color:#50e679}.brand-mark{color:#07110d;background:#50e679;place-items:center;width:38px;height:38px;font-family:Barlow Condensed,sans-serif;font-size:1.8rem;font-weight:800;display:grid;transform:skew(-8deg)}.nav-links{gap:34px;font-size:.9rem;font-weight:500;display:flex}.nav-links a:hover,.language:hover{color:#50e679}.nav-actions{justify-content:flex-end;align-items:center;gap:14px;display:flex}.language,.login{cursor:pointer;border:0}.language{background:0 0}.login{color:#07110d;background:#f5f7f4;padding:11px 20px;font-weight:600}.hero{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:clamp(40px,8vw,110px);min-height:690px;padding-block:70px;display:grid}.eyebrow{color:#50e679;letter-spacing:.22em;text-transform:uppercase;margin:0 0 18px;font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:-.045em;text-transform:uppercase;max-width:700px;margin-bottom:22px;font-family:Barlow Condensed,sans-serif;font-size:clamp(4.5rem,9vw,8rem);font-weight:800;line-height:.82}.hero-body{color:#a9b6af;max-width:560px;margin-bottom:34px;font-size:1.08rem;line-height:1.7}.primary-action{color:#07110d;background:#50e679;padding:15px 24px;font-weight:700;display:inline-flex}.primary-action:hover{background:#75f294}.game-card{background:#06120cbf;border:1px solid #50e67961;overflow:hidden;transform:rotate(1.5deg);box-shadow:0 35px 90px #00000059}.game-card-top{color:#c7d1cb;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;padding:15px 20px;font-size:.75rem;font-weight:600;display:flex}.live-dot{background:#50e679;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #50e6791f}.pitch{background:linear-gradient(90deg,#0000 49.7%,#ffffff29 50%,#0000 50.3%),repeating-linear-gradient(90deg,#123d25 0 52px,#16482b 52px 104px);place-items:center;height:280px;display:grid;position:relative;overflow:hidden}.pitch:before{content:"";border:1px solid #ffffff47;position:absolute;inset:24px}.pitch-circle{border:1px solid #ffffff47;border-radius:50%;width:112px;height:112px;position:absolute}.score{z-index:1;color:#fff;text-shadow:0 12px 24px #00000073;font-family:Barlow Condensed,sans-serif;font-size:7rem;font-weight:800;line-height:1;transform:skew(-6deg)}.game-card-copy{padding:24px}.game-card-copy p{color:#50e679;letter-spacing:.18em;margin-bottom:5px;font-size:.73rem;font-weight:700}.game-card-copy h2{margin-bottom:7px;font-family:Barlow Condensed,sans-serif;font-size:2.3rem;line-height:1}.game-card-copy span{color:#9faea5;font-size:.9rem;line-height:1.5}.foundation{color:#819087;letter-spacing:.08em;text-transform:uppercase;grid-template-columns:auto auto 1fr;align-items:center;gap:18px;padding-block:32px 55px;font-size:.78rem;display:grid}.foundation p{margin:0}.foundation-line{background:#ffffff1f;height:1px}@media (width<=800px){.nav{grid-template-columns:1fr auto}.nav-links{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-top:40px}.game-card{transform:none}}@media (width<=520px){.shell{width:min(100% - 24px,1180px)}.nav{min-height:72px}.brand{font-size:1.05rem}.brand-mark{width:32px;height:32px;font-size:1.45rem}.language{display:none}.login{padding:9px 13px;font-size:.8rem}.hero{padding-block:45px}h1{font-size:4rem}.pitch{height:220px}}