@font-face{font-family:Archivo;src:url('assets/Archivo-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Archivo;src:url('assets/Archivo-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--blue:#4146ce;--yellow:#fff04b;--cyan:#00b3e5;--dark:#0b0e2b;--red:#ff333d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--yellow);font-family:Archivo,Arial,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--yellow);outline-offset:7px}.skip{position:absolute;left:20px;top:-90px;z-index:5;padding:15px 22px;border-radius:40px;background:var(--dark);color:var(--yellow)}.skip:focus{top:20px}.hero{height:100svh;min-height:540px;max-height:1100px;background:var(--blue);display:grid;place-items:center;position:relative;overflow:hidden}.logo{width:clamp(290px,35vw,620px);max-width:80%;height:auto;display:block;animation:arrive 1.2s cubic-bezier(.2,.7,.2,1) both;will-change:transform}.down{position:absolute;bottom:23px;left:calc(50% - 26px);width:52px;height:52px;color:var(--dark);border-radius:50%;display:grid;place-items:center;transition:background .25s,transform .3s}.down svg{width:38px;height:38px;animation:nudge 2s ease-in-out 2}.down:hover{background:var(--yellow);transform:translateY(3px)}.details{min-height:680px;padding:90px 24px 36px;display:flex;align-items:center;flex-direction:column;scroll-margin-top:0}.sports{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:900px}.sports li{font-size:clamp(28px,3.1vw,46px);font-weight:600;line-height:1.1;border-radius:100px;padding:17px 36px;color:var(--dark);border:2px solid transparent;transition:transform .4s cubic-bezier(.2,.7,.2,1);cursor:default}.sports li:hover{transform:translateY(-5px)}.red{background:var(--red)}.sports .blue{background:var(--blue);color:var(--yellow)}.cyan{background:var(--cyan)}.sports .outline{border-color:var(--yellow);color:var(--yellow)}h1{font-size:clamp(28px,3.5vw,48px);font-weight:400;line-height:1.2;letter-spacing:-1.4px;text-align:center;margin:85px 0 55px}.up{display:grid;place-items:center;width:48px;height:48px;border:1px solid #fff04b66;border-radius:50%;margin-top:auto;transition:background .25s,color .25s}.up svg{width:24px;height:24px}.up:hover{background:var(--yellow);color:var(--dark)}.mobile{display:none}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes arrive{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@media(max-width:600px){.hero{min-height:480px;max-height:850px}.logo{width:79%;max-width:360px}.details{min-height:640px;padding:65px 20px 30px}.sports{gap:10px;max-width:430px}.sports li{font-size:25px;padding:13px 23px}h1{font-size:29px;letter-spacing:-.8px;margin:65px 0 48px}.mobile{display:block}.down{bottom:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}