.sport-access-shell{min-height:100svh;background:radial-gradient(ellipse at 15% 0%,#f2f8fc,transparent 65%),linear-gradient(125deg,#dce8f0,#bed0df);color:#f2f7fc;font-family:Arial,Helvetica,sans-serif;position:relative;isolation:isolate;padding-bottom:36px}.sport-access-shell *{box-sizing:border-box}.sport-access-shell::before{content:"";position:absolute;z-index:-1;inset:85px 0 0;background:linear-gradient(110deg,#dbe8f0bf,#dbe8f0c9),url('/atmosphere/technology.webp') center/cover;opacity:.7;pointer-events:none}.sport-access-header{min-height:86px;display:flex;align-items:center;gap:30px;padding:18px clamp(22px,5vw,76px);background:#263c51ed;border-bottom:1px solid #edf7ff77;box-shadow:0 8px 25px #25415b16}.sport-access-header>a{font-size:26px;font-weight:900;text-decoration:none;white-space:nowrap;letter-spacing:-1px}.sport-access-signature{font-size:11px;letter-spacing:.2em;color:#b4c7d6}.sport-access-signature b{font-weight:600;color:#e8f3fb}.sport-access-header nav{display:flex;margin-left:auto;padding:4px;gap:4px;border:1px solid #b6d4ed55;border-radius:12px;background:#182e432e}.sport-access-header button{min-width:42px;min-height:36px;background:transparent;color:#c1d0de;border:0;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.sport-access-header button[aria-pressed=true]{background:#e6f0f8;color:#20394f;box-shadow:0 2px 8px #142c4530}.sport-access{width:calc(100% - 64px);max-width:1290px;min-height:min(680px,calc(100svh - 150px));margin:32px auto 0;display:grid;grid-template-columns:1.12fr 1fr;gap:26px;align-items:stretch}.sport-access-story,.sport-access-panel{border:1px solid #eef7ff9c;border-radius:28px;box-shadow:inset 0 1px 0 #fff6,0 18px 44px #25415a23;overflow:hidden;position:relative}.sport-access-story{min-height:590px;display:flex;align-items:flex-end;background:#35536b}.sport-access-art{position:absolute;inset:0;background:url('/hub/global-pylon.png') center 38%/cover;transition:transform 1s ease}.sport-access-story::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#19384e08 22%,#19354b55 47%,#19354bf2 100%)}.sport-access-story-copy{z-index:1;position:relative;margin:24px;padding:26px;border:1px solid #e4f4ff5c;border-radius:20px;background:linear-gradient(120deg,#24455dd9,#355b73ad);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.sport-access-label{font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.6;color:#a9daca;margin:0 0 20px}.sport-access h1{font-size:clamp(28px,3.2vw,44px);font-weight:800;line-height:1.14;letter-spacing:-.04em;margin:0}.sport-access em{font-style:normal;color:#b0cbff}.sport-access-story-copy>p:last-child{font-size:15px;color:#d8e6ef;line-height:1.6;margin:20px 0 0}.sport-access-panel{align-self:center;padding:clamp(28px,4vw,54px);background:linear-gradient(125deg,#29475fe8,#42627bda);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.sport-access h2{font-size:clamp(32px,3.5vw,48px);line-height:1.08;letter-spacing:-.035em;margin:0;color:#f7fbff}.sport-access-copy{font-size:16px;line-height:1.7;color:#e0ebf4;margin:24px 0 30px;max-width:380px}.sport-access form{padding:24px;border:1px solid #d2eaff55;border-radius:20px;background:linear-gradient(115deg,#18364b8c,#385d752b);box-shadow:inset 0 1px 0 #fff2}.sport-access label{display:block;font-size:14px;font-weight:600;margin:0 0 12px;color:#edf6fc}.sport-access input[type=password]{display:block;width:100%;min-height:58px;border:1px solid #c4def289;border-radius:12px;padding:16px;background:#d7eafa16;color:#fff;font:inherit;font-size:18px;letter-spacing:3px;outline:none;box-shadow:inset 0 2px 6px #142f4920}.sport-access input::placeholder{color:#c0d3e0;font-size:14px;letter-spacing:.1em}.sport-access input:focus{border-color:#a4e7d0;box-shadow:0 0 0 3px #81dab82e}.sport-access form button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:58px;margin-top:18px;border:1px solid #b9d8ff99;border-radius:12px;padding:16px;background:linear-gradient(110deg,#436996,#28485c);color:#fff;font:700 14px Arial;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.sport-access form button>span:last-child{font-size:22px;color:#b8dfed}.sport-access form button:hover{transform:translateY(-2px);border-color:#e0f5ff;box-shadow:0 8px 22px #132e4633}.sport-access-note{font-size:13px;color:#bed1df;margin:24px 0 0;line-height:1.6}.sport-access-error{font-size:14px;line-height:1.5;color:#ffe1d7;margin:14px 0 0}.sport-access-shell button:focus-visible,.sport-access-shell a:focus-visible{outline:3px solid #9ddccb;outline-offset:4px}@media(max-width:850px){.sport-access{grid-template-columns:1fr;max-width:610px;gap:20px;width:calc(100% - 32px);margin-top:20px}.sport-access-story{min-height:340px}.sport-access-art{background-position:center 35%}.sport-access-story-copy{padding:22px;margin:18px}.sport-access h1{font-size:32px}.sport-access-panel{width:100%;padding:30px}.sport-access-header{gap:15px;padding:16px 20px}.sport-access-header>a{font-size:22px}.sport-access-signature{font-size:9px;letter-spacing:.08em}}@media(max-width:430px){.sport-access-signature{display:none}.sport-access-panel{padding:26px 22px}.sport-access form{padding:20px 16px}.sport-access h1{font-size:29px}.sport-access h2{font-size:34px}.sport-access-story{min-height:300px}.sport-access-header>a{font-size:21px}}@media(prefers-reduced-motion:reduce){.sport-access-art,.sport-access form button{transition:none}.sport-access form button:hover{transform:none}}
