.access-shell{--access-forest:#173f32;--access-lime:#e0ef9a;--access-paper:#f7f6f1;--access-muted:#697360;background:var(--access-paper);color:#173f32;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:0;min-height:100dvh;padding:20px;display:grid}.access-visual{isolation:isolate;color:#f8f8ed;background:#15372c;border-radius:20px;flex-direction:column;align-self:start;height:calc(100dvh - 40px);min-height:680px;max-height:1100px;padding:37px;display:flex;position:sticky;top:20px;overflow:hidden}.access-photo-frame{z-index:-2;position:absolute;inset:0}.access-photo{object-fit:cover;object-position:63% center}.access-photo-shade{z-index:-1;background:linear-gradient(#071e24c9 0%,#113c3194 48%,#102c23f5 100%);position:absolute;inset:0}.access-visual-register .access-photo{object-position:43% center}.access-visual-register .access-photo-shade{background:linear-gradient(#122e23cf,#173f30ab 50%,#0d2d21f5)}.access-visual-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.access-visual-header .brand{width:166px}.access-visual-header>span{letter-spacing:1.2px;color:#d6e6b7;align-items:center;gap:6px;max-width:95px;font-size:7px;line-height:1.7;display:flex}.access-visual-header>span svg{flex:none;width:21px;height:21px}.access-overline{letter-spacing:1.7px;font-size:8px;font-weight:600;line-height:1.7;display:block}.access-visual-copy{max-width:470px;margin:auto 0;padding:62px 0 30px}.access-visual-copy .access-overline{color:#d0dfb3;letter-spacing:1.2px;margin-bottom:24px;font-size:8px}.access-visual-copy h2{letter-spacing:-2.6px;font-size:clamp(39px,4.25vw,61px);font-weight:500;line-height:1.08}.access-visual-copy h2 em{color:var(--access-lime);font-family:Georgia,Times New Roman,serif;font-weight:400}.access-visual-copy p{color:#d3ddc8;max-width:300px;margin-top:25px;font-size:12px;line-height:1.95}.access-matchday{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#143e31aa;border:1px solid #aac38742;border-radius:12px;align-items:center;gap:24px;margin-top:20px;padding:23px 20px;display:flex}.access-pitch{color:#b0c988;flex:none;width:112px;transform:rotate(-5deg)}.access-pitch svg{stroke:currentColor;stroke-width:1px;width:100%;display:block}.access-pitch .access-pitch-run{stroke:#e1efac;stroke-dasharray:3 3;stroke-width:1.5px}.access-pitch circle:not(:first-of-type){fill:#deed9d;stroke:#173f32;stroke-width:2px}.access-matchday>div:nth-child(2)>span{letter-spacing:1.1px;color:#c2d7a2;margin-bottom:10px;font-size:6px;display:block}.access-matchday strong{letter-spacing:-.5px;font-family:Manrope,sans-serif;font-size:19px;font-weight:500;line-height:1.4;display:block}.access-matchday>svg{color:#d9e9b3;flex:none;align-self:flex-end;margin-left:auto}.access-visual>footer{color:#c6d7ad;letter-spacing:1.4px;border-top:1px solid #c2d89a36;justify-content:space-between;align-items:center;gap:12px;margin-top:29px;padding-top:21px;font-size:7px;display:flex}.access-visual>footer>span:last-child{align-items:center;gap:12px;display:flex}.access-membership{color:#193e30;background:#e5efbc;border-radius:12px;grid-template-columns:1fr 80px;gap:20px 12px;margin-top:18px;padding:25px 23px 18px;display:grid;position:relative;transform:rotate(-2deg);box-shadow:0 12px 24px #0c211731}.access-membership>div:first-child{align-self:center}.access-membership>div:first-child>span{letter-spacing:1.4px;color:#597043;margin-bottom:9px;font-size:7px;display:block}.access-membership>div:first-child>strong{letter-spacing:-1px;font-family:Manrope,sans-serif;font-size:24px;font-weight:600;line-height:1.2;display:block}.access-membership-stamp{border:1px solid #819a5b;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;display:flex;transform:rotate(10deg)}.access-membership-stamp>strong{letter-spacing:-2px;font-family:Manrope,sans-serif;font-size:32px;font-weight:500;line-height:1.2}.access-membership-stamp>small{letter-spacing:1.6px;font-size:6px}.access-membership-foot{color:#536c3d;border-top:1px solid #c0cf9d;grid-column:1/-1;align-items:center;gap:20px;padding-top:14px;font-size:9px;display:flex}.access-membership-foot>span{align-items:center;gap:6px;display:flex}.access-membership-foot svg{flex:none}.access-main{flex-direction:column;min-width:0;min-height:calc(100dvh - 40px);padding:10px clamp(30px,4.7vw,78px) 5px;display:flex}.access-top{color:#77816b;justify-content:space-between;align-items:center;gap:20px;padding:11px 0 25px;font-size:10px;display:flex}.access-top p{white-space:nowrap;font-size:10px;line-height:1.7}.access-top p>a{color:#244c35;align-items:center;gap:5px;margin-left:5px;font-weight:600;display:inline-flex}.access-top a:hover{color:#4b7141}.access-home{white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:inline-flex}.access-mobile-brand{display:none}.access-form-wrap{width:100%;max-width:398px;margin:auto;padding:35px 0 40px}.access-intro{margin-bottom:28px}.access-form-mark{color:#496841;background:#edf1e2;border:1px solid #d9e3c4;border-radius:14px 14px 14px 3px;place-items:center;width:48px;height:48px;margin-bottom:24px;display:grid;box-shadow:inset 0 1px #fff}.access-form-mark svg{width:23px;height:23px}.access-intro .access-overline{color:#7a876d;letter-spacing:1.5px;margin-bottom:11px;font-size:8px}.access-intro h1{letter-spacing:-1.9px;color:#173f32;max-width:370px;font-size:42px;font-weight:500;line-height:1.13}.access-intro>p{color:var(--access-muted);max-width:340px;margin-top:15px;font-size:12px;line-height:1.85}.access-onboarding{align-items:center;gap:12px;margin:-7px 0 24px;padding:0;list-style:none;display:flex}.access-onboarding li{color:#86917b;align-items:center;gap:6px;font-size:9px;display:flex;position:relative}.access-onboarding li:not(:last-child):after{content:"";border-top:1px solid #d3dcc6;width:13px;margin-left:6px}.access-onboarding li>span{border:1px solid #d7dfca;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:9px;display:grid}.access-onboarding li[aria-current]{color:#315b39;font-weight:600}.access-onboarding li[aria-current]>span{background:#e0ecbf;border-color:#c8daa3}.access-field{margin-bottom:20px}.access-field>label,.access-label-row>label{color:#3d543c;margin-bottom:9px;font-size:11px;font-weight:600;line-height:1.4;display:block}.access-label-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.access-label-row>a{color:#607b4b;margin-bottom:9px;font-size:10px;line-height:1.4}.access-label-row>a:hover{text-underline-offset:3px;text-decoration:underline}.access-input{background:#fefefa;border:1px solid #dce2d3;border-radius:8px;align-items:center;gap:11px;min-height:51px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.access-input:focus-within{border-color:#78945e;box-shadow:0 0 0 3px #c5d5aa35}.access-input>svg{color:#829472;flex:none;width:17px;height:17px}.access-input>input{width:100%;min-width:0;box-shadow:none;color:#213e2d;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:15px 0;font-size:13px;line-height:20px;display:block}.access-input>input:focus{box-shadow:none;outline:none}.access-input>input::placeholder{color:#a0aa91;opacity:1}.access-password-toggle{color:#829472;background:0 0;border:0;border-radius:5px;flex:none;align-self:stretch;place-items:center;min-width:33px;margin-right:-7px;padding:0 5px;display:grid}.access-password-toggle:hover{color:#284c32;background:#edf1e5}.access-input-hint{color:#839074;margin-top:8px;font-size:9px;line-height:1.7}.access-input>.access-otp{letter-spacing:8px;font-family:Manrope,sans-serif;font-size:23px}.access-consent{flex-direction:column;gap:11px;margin:23px 0 25px;display:flex}.access-consent label{cursor:pointer;color:#78856a;flex-direction:row;align-items:flex-start;gap:10px;margin:0;font-size:10px;font-weight:400;line-height:1.7;display:flex}.access-consent input{appearance:auto;accent-color:#315c40;cursor:pointer;flex:none;width:15px;min-width:15px;height:15px;margin:2px 0 0;padding:0}.access-consent a{color:#49673d;text-underline-offset:2px;text-decoration:underline}.access-submit{color:#f7f8ed;background:#173f32;border:1px solid #173f32;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:52px;margin-top:25px;padding:15px 19px;font-size:12px;font-weight:500;transition:background .15s,transform .15s;display:flex;box-shadow:0 4px 8px #254b2812}.access-submit>span{align-items:center;gap:10px;display:flex}.access-submit:not(:disabled):hover{background:#255a3e;transform:translateY(-1px)}.access-submit:disabled{opacity:.6;cursor:default}.access-submit[disabled] .spin{animation:1s linear infinite spin}.access-shell button:focus-visible,.access-shell a:focus-visible{outline-offset:4px;outline:3px solid #87a265}.access-consent input:focus-visible{outline-offset:3px;outline:2px solid #87a265}.access-security{color:#849475;justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:9px;display:flex}.access-register-note{color:#89947d;margin-top:18px;font-size:9px;line-height:1.8}.access-alternate{color:#50733b;background:0 0;border:0;border-bottom:1px solid #bccbae;align-items:center;gap:9px;width:max-content;max-width:100%;margin:24px auto 0;padding:0 0 5px;font-size:11px;display:flex}.access-feedback{color:#50713b;overflow-wrap:anywhere;background:#edf3e3;border:1px solid #dce6cc;border-radius:7px;margin:20px 0;padding:13px 15px;font-size:11px;line-height:1.8}.access-feedback-success{align-items:flex-start;gap:9px;display:flex}.access-feedback-success>svg{flex:none;margin-top:2px}.access-feedback-success>p{font-size:11px;line-height:1.8}.access-feedback-error{color:#a74736;background:#fff2ec;border-color:#f0d8cb}.access-notice{color:#817443;background:#f5f0e2;border:1px solid #e1dbc7;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:22px;padding:14px;display:flex}.access-notice>svg{flex:none;margin-top:2px}.access-notice p{font-size:11px;line-height:1.8}.access-footer{color:#929b86;border-top:1px solid #e3e6da;justify-content:space-between;align-items:center;gap:15px;padding:24px 0 8px;font-size:9px;line-height:1.7;display:flex}.access-footer a{color:#687b55}.access-footer>span>a{margin-left:4px}.access-footer>div{gap:15px;display:flex}.access-shell-register .access-form-wrap{padding-top:15px;padding-bottom:25px}.access-shell-register .access-intro{margin-bottom:26px}.access-shell-register .access-intro h1{max-width:350px;font-size:36px}.access-shell-register .access-form-mark{border-radius:11px 11px 11px 3px;width:40px;height:40px;margin-bottom:18px}.access-shell-register .access-intro>p{margin-top:12px}.access-shell-register .access-field{margin-bottom:17px}.access-shell-register .access-submit{margin-top:0}@media (min-width:1450px){.access-shell{grid-template-columns:1fr 1fr;padding:25px}.access-visual{height:calc(100dvh - 50px);padding:45px 50px;top:25px}.access-visual-copy h2{font-size:64px}.access-visual-copy p{max-width:360px;font-size:14px}.access-visual-header .brand{width:183px}.access-visual-header>span{max-width:none;font-size:8px}.access-main{min-height:calc(100dvh - 50px);padding-inline:75px}.access-form-wrap{max-width:435px}.access-intro h1{font-size:45px}.access-shell-register .access-intro h1{font-size:39px}.access-input>input{font-size:14px}.access-matchday{padding:28px}.access-pitch{width:130px}.access-matchday strong{font-size:23px}}@media (max-width:1100px){.access-shell{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);padding:16px}.access-visual{height:calc(100dvh - 32px);min-height:650px;padding:29px;top:16px}.access-visual-header .brand{width:149px}.access-visual-header>span{display:none}.access-visual-copy h2{font-size:44px}.access-visual-copy .access-overline{letter-spacing:1px;font-size:6.5px}.access-visual-copy p{font-size:12px}.access-main{min-height:calc(100dvh - 32px);padding:8px 35px 0}.access-top{gap:10px}.access-top p{font-size:9px}.access-home{gap:5px;font-size:9px}.access-home>svg{width:13px}.access-top p>a{gap:3px}.access-matchday{gap:14px;padding:20px 15px}.access-pitch{width:86px}.access-matchday strong{font-size:16px}.access-matchday>div:nth-child(2)>span{letter-spacing:.7px;font-size:5px}.access-matchday>svg{width:19px}.access-membership{grid-template-columns:1fr 65px;padding:21px 18px 15px}.access-membership>div:first-child>strong{font-size:20px}.access-membership>div:first-child>span{letter-spacing:1px;font-size:6px}.access-membership-stamp{width:65px;height:65px}.access-membership-stamp>strong{font-size:28px}.access-membership-foot{gap:12px;font-size:7px}.access-visual>footer{letter-spacing:.9px;font-size:6px}.access-intro h1{font-size:38px}.access-shell-register .access-intro h1{font-size:33px}.access-footer{gap:8px;font-size:8px}.access-footer>div{gap:10px}}@media (max-width:800px){.access-shell{padding:0;display:block}.access-visual{display:none}.access-main{max-width:550px;min-height:100dvh;margin:auto;padding:0 28px}.access-top{border-bottom:1px solid #e2e6d8;flex-wrap:wrap;gap:20px 12px;padding:28px 0 24px}.access-mobile-brand{display:block}.access-mobile-brand .brand{width:142px}.access-home{margin-left:auto;font-size:10px}.access-top>p{gap:5px;width:100%;font-size:11px;display:flex}.access-top p>a{gap:6px}.access-form-wrap{max-width:440px;padding:44px 0 40px}.access-intro h1{max-width:330px;font-size:40px}.access-intro .access-overline{font-size:8px}.access-intro>p{max-width:360px;font-size:13px}.access-form-mark{width:43px;height:43px;margin-bottom:20px}.access-field{margin-bottom:22px}.access-field>label,.access-label-row>label{margin-bottom:10px;font-size:12px}.access-label-row>a{margin-bottom:10px;font-size:11px}.access-input{gap:12px;min-height:54px;padding:0 15px}.access-input>input{padding:16px 0;font-size:16px;line-height:21px}.access-input-hint{font-size:10px}.access-consent{gap:14px}.access-consent label{gap:11px;font-size:11px;line-height:1.8}.access-consent input{width:17px;min-width:17px;height:17px;margin-top:3px}.access-submit{min-height:54px;font-size:13px}.access-password-toggle{min-width:36px}.access-security{font-size:10px}.access-footer{flex-wrap:wrap;gap:12px;padding:23px 0 28px;font-size:9px}.access-footer>div{gap:16px}.access-feedback,.access-feedback-success>p,.access-alternate{font-size:12px}.access-register-note{font-size:10px}.access-shell-register .access-form-wrap{padding:34px 0}.access-shell-register .access-intro h1{max-width:380px;font-size:37px}.access-shell-register .access-intro{margin-bottom:24px}.access-shell-register .access-intro>p{font-size:12px}.access-shell-register .access-field{margin-bottom:20px}.access-onboarding{gap:13px;margin-bottom:27px}.access-onboarding li{font-size:10px}.access-onboarding li>span{width:21px;height:21px}.access-onboarding li:not(:last-child):after{width:13px;margin-left:3px}.access-notice p{font-size:12px}}@media (max-width:380px){.access-main{padding-inline:21px}.access-mobile-brand .brand{width:129px}.access-top{gap:18px 10px;padding-top:23px}.access-top p{font-size:10px}.access-home{font-size:9px}.access-intro h1{font-size:36px}.access-intro>p{font-size:12px}.access-form-wrap{padding-top:34px}.access-shell-register .access-intro h1{font-size:34px}.access-onboarding{gap:8px}.access-onboarding li{gap:5px;font-size:8px}.access-onboarding li:not(:last-child):after{width:9px;margin-left:2px}.access-onboarding li>span{width:19px;height:19px;font-size:8px}.access-footer{gap:10px;font-size:8px}.access-consent label{font-size:10px}.access-field>label,.access-label-row>label{font-size:11px}.access-label-row>a{font-size:10px}.access-input{gap:9px;padding-inline:12px}.access-input>input{font-size:16px}.access-register-note{font-size:9px}}@media (prefers-reduced-motion:reduce){.access-input,.access-submit{transition:none}.access-submit:not(:disabled):hover{transform:none}.access-submit[disabled] .spin{animation:none}}.access-shell-register .access-form-mark{display:none}.access-input>input::placeholder{color:#64745a}.access-input-hint,.access-consent label,.access-register-note,.access-security{color:#617354}.access-footer,.access-top{color:#68795b}.access-password-toggle{min-width:40px}
