.na-customer-access-page{--access-cream:#fff6e9;--access-red:#bf1e2d;--access-gold:#ffd184;background:var(--access-cream)!important;color:#333}
.na-customer-access-page .site-header{background:var(--access-gold)}
.na-access-main{background:var(--access-cream);padding:2.5rem 0 3rem}
.na-access-inner{width:calc(100% - 80px);max-width:1300px;margin:0 auto}
.na-access-back{display:inline-flex;align-items:center;gap:.65rem;color:var(--access-red);font:700 .9375rem var(--font-body,Nunito,Arial,sans-serif);text-decoration:none}
.na-access-back span{font-size:1.4rem;font-weight:400}
.na-access-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:5rem;min-height:590px}
.na-access-intro{padding-block:1.5rem 5rem}
.na-access-intro h1{font:400 clamp(2.25rem,3.8vw,3.5rem)/1.2 var(--font-heading,Poppins,Arial,sans-serif);letter-spacing:-.055em;margin:0 0 1.75rem;color:#333}
.na-access-emphasis{display:inline-block;position:relative;white-space:nowrap}
.na-access-emphasis>span{position:relative;z-index:1}.na-access-emphasis svg{position:absolute;inset:-15% -8%;width:116%;height:135%;overflow:visible;fill:none;stroke:var(--access-gold);stroke-width:3;stroke-linecap:round}
.na-access-intro p{font:400 1.25rem/1.65 var(--font-body,Nunito,Arial,sans-serif);margin:0;max-width:480px}
.na-access-card{width:100%;max-width:550px;justify-self:end;border:0;border-radius:20px;background:#fff;padding:2rem 2.25rem;text-align:center;min-width:0;box-sizing:border-box}
.na-access-icon{display:grid;place-items:center;margin:0 auto 1.5rem;width:72px;height:72px;background:#fdf2ee;border-radius:50%;color:var(--access-red)}.na-access-icon svg{width:36px;height:36px}
.na-access-card h2{font:400 clamp(1.25rem,1.7vw,1.75rem)/1.35 var(--font-heading,Poppins,Arial,sans-serif);letter-spacing:-.045em;margin:0 0 .7rem;color:#333}
.na-access-description{font:400 1rem/1.5 var(--font-body,Nunito,Arial,sans-serif);margin:0 auto 2rem;color:#444}
.na-access-form{display:grid;gap:.5rem;text-align:left;margin:0}
.na-access-form label{font:700 1rem/1.4 var(--font-body,Nunito,Arial,sans-serif);margin:.25rem 0 0}
.na-access-form input:not([type=hidden]){display:block;width:100%;min-width:0;min-height:50px;padding:.75rem 1.3rem;border:1px solid #d6bca9;border-radius:30px;background:#fffaf4;color:#333;font:400 1rem/1.4 var(--font-body,Nunito,Arial,sans-serif);box-sizing:border-box;box-shadow:none}
.na-access-form input[aria-invalid=true]{border-color:var(--access-red)}
.na-access-form .na-access-submit{display:flex;align-items:center;justify-content:center;gap:1rem;margin:.5rem 0 0;width:100%;min-height:50px;padding:.75rem 1.25rem;border:1px solid var(--access-red);border-radius:30px;background:var(--access-red);color:white;font:800 1rem/1.4 var(--font-body,Nunito,Arial,sans-serif);cursor:pointer;box-shadow:none}
.na-access-submit span{font-size:1.3rem}.na-access-form .na-access-submit:hover{background:#981725;border-color:#981725}.na-access-submit:disabled{opacity:.7;cursor:wait}
.na-access-password{position:relative}.na-access-password input{padding-right:4rem!important}.na-access-password button{position:absolute;right:1rem;top:50%;transform:translateY(-50%);border:0;background:none;font:700 .875rem var(--font-body,Nunito,Arial,sans-serif);color:var(--access-red);cursor:pointer;padding:.4rem}
.na-access-forgot{text-align:right;color:var(--access-red);font-size:.875rem;margin:.15rem 0 .5rem}
.na-access-divider{display:flex;align-items:center;gap:1rem;margin:2rem 0 1.25rem;font-size:.875rem;color:#555}.na-access-divider:before,.na-access-divider:after{content:"";height:1px;flex:1;background:#d8d9dc}
.na-access-alternative{color:var(--access-red);font:700 .9375rem/1.5 var(--font-body,Nunito,Arial,sans-serif);text-decoration:underline;text-underline-offset:2px}
.na-access-note{font:400 .8125rem/1.5 var(--font-body,Nunito,Arial,sans-serif);color:#72727a;margin:1.7rem 0 0}
.na-access-error,.na-access-status{font:400 1rem/1.5 var(--font-body,Nunito,Arial,sans-serif);padding:.85rem 1rem;border-radius:12px;margin:0 0 1rem;text-align:left;overflow-wrap:anywhere}.na-access-error{background:#fff3f2;color:#981725;border:1px solid #df9ba1}.na-access-status{background:#f5f8f1;border:1px solid #b8cda7;color:#334c24}
.na-access-code{letter-spacing:.5em;text-align:center;font-size:1.5rem!important}.na-access-resend{margin:1.1rem 0 .5rem}.na-access-resend button{border:0;background:none;color:var(--access-red);text-decoration:underline;font:700 .9375rem var(--font-body,Nunito,Arial,sans-serif);padding:.5rem;cursor:pointer}
.na-customer-access-page :is(a,button,input):focus-visible{outline:3px solid var(--access-red);outline-offset:3px}.na-customer-access-page [hidden]{display:none!important}
@media(max-width:1100px){.na-access-layout{gap:2.5rem}.na-access-card{padding:2rem 1.75rem}.na-access-intro p{font-size:1.125rem}}
@media(max-width:800px){.na-access-layout{grid-template-columns:minmax(0,1fr);gap:1.5rem;min-height:0}.na-access-main{padding:1.5rem 0 2rem}.na-access-inner{width:calc(100% - 40px)}.na-access-intro{padding:1.5rem 0 0}.na-access-intro h1{font-size:2.25rem;margin-bottom:1rem}.na-access-intro p{font-size:1.0625rem;line-height:1.5;max-width:none}.na-access-card{justify-self:center;max-width:550px}.na-access-description{margin-bottom:1.5rem}.na-access-card h2{font-size:1.35rem}}
@media(max-width:480px){.na-access-card{padding:1.5rem 1rem;border-radius:16px}.na-access-icon{width:64px;height:64px;margin-bottom:1.25rem}.na-access-description{font-size:.9375rem}.na-access-alternative{font-size:.875rem}.na-access-note{margin-top:1.5rem}.na-access-divider{margin-top:1.75rem}.na-access-back{font-size:.875rem}}
