/* Adapted from MEA Sign-Up Page.html; component classes are isolated from existing pages. */
.mea-account-page p {color:inherit;}
.mea-account-page h3, .mea-account-page h4 {text-transform:none;}
.mea-account-page details, .mea-account-page summary {margin:0; background:transparent; border:0;}
.mea-account-page {--orange:#f45914;--cream:#faf4f2;--brown:#2f1207;--ink:#17120f;--muted:#413b36;--line:#d8ccc6;--white:#fff;--title:'Libre Bodoni',Georgia,serif;--body:Inter,Arial,sans-serif;--gutter:clamp(24px,6.6vw,110px);--max:1320px;--section-title-size:clamp(2rem,3vw,2.75rem)}
.mea-account-page *,
.mea-account-page *::before,
.mea-account-page *::after {box-sizing:border-box}
.mea-account-page {scroll-behavior:smooth;scroll-padding-top:30px}
.mea-account-page {margin:0;background:#fff;color:var(--ink);font-family:var(--body);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
.mea-account-page h1,
.mea-account-page h2,
.mea-account-page h3,
.mea-account-page p,
.mea-account-page figure {margin:0}
.mea-account-page h1,
.mea-account-page h2,
.mea-account-page h3 {font-family:var(--title);font-weight:400;font-synthesis:none;line-height:1.12}
.mea-account-page h1,
.mea-account-page h2 {text-transform:uppercase}
.mea-account-page p+p {margin-top:21px}
.mea-account-page a {color:inherit;text-decoration:none}
.mea-account-page button {font:inherit;cursor:pointer;color:inherit}
.mea-account-page a,
.mea-account-page button {-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.mea-account-page img {display:block;max-width:100%}
.mea-account-page button {border:0;background:none}
.mea-account-page svg {display:block}
.mea-account-page :focus-visible {outline:2px solid var(--orange);outline-offset:5px}
.mea-account-page ::selection {color:#fff;background:var(--orange)}
.mea-account-page .ma-wrap {width:min(calc(100% - var(--gutter)*2),var(--max));margin-inline:auto}
.mea-account-page {--hero-art:none}
.mea-account-page {--ivory:var(--cream);--paper:#fff;--serif:var(--title);--sans:var(--body);--orange-light:#f45914}
.mea-account-page {scroll-padding-top:24px}
.mea-account-page {font-size:14px;line-height:1.7}
.mea-account-page {overflow:clip}
.mea-account-page h1,
.mea-account-page h2 {font-size:var(--section-title-size);line-height:1.13}
.mea-account-page h1 em,
.mea-account-page h2 em {color:var(--orange);font-style:normal}
.mea-account-page h3 {font-size:24px;line-height:1.3}
.mea-account-page input,
.mea-account-page textarea,
.mea-account-page select {font:inherit}
.mea-account-page button {font-family:var(--body)}
.mea-account-page [hidden] {display:none!important}
.mea-account-page {--gutter:clamp(24px,6.6vw,110px)}
.mea-account-page {font-size:16px}
.mea-account-page h1,
.mea-account-page h2,
.mea-account-page h3 {font-weight:400}
.mea-account-page a,
.mea-account-page button,
.mea-account-page input,
.mea-account-page select {touch-action:manipulation}
.mea-account-page .ma-account-section {background:var(--cream);position:relative;isolation:isolate;overflow:hidden}
.mea-account-page .ma-account-section:before {content:'';position:absolute;inset:0 58% 0 0;background:var(--brown);z-index:-1}
.mea-account-page .ma-account-layout {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8%;align-items:stretch}
.mea-account-page .ma-account-intro {position:relative;padding:78px 0 72px;color:white;min-width:0;display:flex;flex-direction:column}
.mea-account-page .ma-account-intro:after {content:'';position:absolute;z-index:-1;inset:20% -14% -30% -50%;background:radial-gradient(ellipse at 15% 70%,#f459142e,transparent 64%);pointer-events:none}
.mea-account-page .ma-account-intro h1 {font-size:var(--section-title-size) !important;color:var(--orange);line-height:1.13;margin-bottom:28px;text-transform:uppercase}
.mea-account-page .ma-account-intro h1 span {display:block}
.mea-account-page .ma-account-intro .ma-intro-copy {max-width:372px;margin:0;font-size:16px;line-height:1.8;color:#f4e9e4}
.mea-account-page .ma-intro-rule {width:56px;height:1px;background:var(--orange);margin-top:37px}
.mea-account-page .ma-account-form {padding:75px 0 69px;min-width:0}
.mea-account-page .ma-form-title {display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:29px;padding-bottom:23px;border-bottom:1px solid var(--line)}
.mea-account-page .ma-form-title h2 {font-size:28px;text-transform:none;line-height:1.3}
.mea-account-page .ma-required-note {font-size:12px;color:#6d5e56;white-space:nowrap}
.mea-account-page .ma-required-note span,
.mea-account-page .ma-required-mark {color:var(--orange)}
.mea-account-page .ma-fields {border:0;padding:0;margin:0;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 22px}
.mea-account-page .ma-login-fields {grid-template-columns:1fr}
.mea-account-page .ma-field {min-width:0;display:flex;flex-direction:column;gap:9px}
.mea-account-page .ma-field label {font-size:14px;line-height:1.5;display:flex;flex-wrap:wrap;gap:4px;align-items:baseline}
.mea-account-page .ma-optional {font-size:12px;color:#6d5e56;margin-left:3px}
.mea-account-page input,
.mea-account-page select {appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:49px;background:#fff;color:var(--ink);border:1px solid #c6b9b2;border-radius:0;padding:12px 14px;font:400 14px/1.5 var(--body);transition:border-color .2s,box-shadow .2s}
.mea-account-page input::placeholder {color:#92847b;opacity:1;font-family:var(--body);font-weight:400}
.mea-account-page input:hover,
.mea-account-page select:hover {border-color:#9c8273}
.mea-account-page input:focus-visible,
.mea-account-page select:focus-visible {outline:2px solid var(--orange);outline-offset:2px;border-color:var(--orange)}
.mea-account-page .ma-select-wrap,
.mea-account-page .ma-password-wrap {position:relative}
.mea-account-page .ma-select-wrap select {padding-right:42px}
.mea-account-page .ma-select-wrap:after {content:'';position:absolute;width:8px;height:8px;right:18px;top:19px;transform:rotate(45deg);border-right:1.5px solid #725b4e;border-bottom:1.5px solid #725b4e;pointer-events:none}
.mea-account-page select:invalid {color:#92847b}
.mea-account-page select option {color:var(--ink)}
.mea-account-page .ma-password-wrap input {padding-right:49px}
.mea-account-page .ma-password-toggle {position:absolute;right:1px;top:1px;width:46px;height:47px;display:grid;place-items:center;color:#7b685b}
.mea-account-page .ma-password-toggle:hover {color:var(--orange)}
.mea-account-page .ma-password-toggle svg {width:20px;height:20px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mea-account-page .ma-eye-slash {display:none}
.mea-account-page .ma-password-toggle[aria-pressed="true"] .ma-eye-slash {display:block}
.mea-account-page .ma-field-hint {font-size:12px;line-height:1.6;color:#756459;margin-top:0}
.mea-account-page .ma-field-error {font-size:12px;color:#a52e16;line-height:1.5;margin:0}
.mea-account-page .ma-field-error:empty {display:none}
.mea-account-page [aria-invalid="true"] {border-color:#a52e16}
.mea-account-page .ma-agreement {border:0;border-top:1px solid var(--line);padding:28px 0 0;margin:29px 0 0;min-width:0}
.mea-account-page .ma-agreement h3 {font:400 22px/1.3 var(--title);margin-bottom:16px}
.mea-account-page .ma-agreement-row {display:flex;align-items:flex-start;gap:13px}
.mea-account-page .ma-agreement input {appearance:none;flex:0 0 19px;width:19px;height:19px;min-width:19px;padding:0;margin:4px 0 0;cursor:pointer;position:relative}
.mea-account-page .ma-agreement input:checked {background:var(--orange);border-color:var(--orange)}
.mea-account-page .ma-agreement input:checked:after {content:'';position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.mea-account-page .ma-agreement-row label {font-size:14px;line-height:1.8;cursor:pointer;color:#51443c}
.mea-account-page .ma-agreement a {color:#a83b0c;text-decoration:underline;text-underline-offset:3px}
.mea-account-page .ma-agreement a:hover {color:var(--orange)}
.mea-account-page .ma-agreement .ma-field-error {margin-top:8px}
.mea-account-page .ma-submit-button {margin-top:28px;min-width:214px;min-height:49px;padding:13px 28px;display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--orange);border-radius:999px;background:var(--orange);color:#fff;font:400 14px/1.4 var(--body);transition:background .2s,transform .2s}
.mea-account-page .ma-submit-button:hover {background:#d94708;transform:translateY(-2px)}
.mea-account-page .ma-submit-button:active {transform:none}
.mea-account-page .ma-sign-in-prompt {font-size:14px;color:#65564d;line-height:1.7;margin-top:21px}
.mea-account-page .ma-sign-in-prompt a {font-weight:500;color:#a83b0c;text-decoration:underline;text-underline-offset:4px;margin-left:5px}
.mea-account-page .ma-sign-in-prompt a:hover {color:var(--orange)}
.mea-account-page .ma-form-status {padding:15px 18px;border-left:2px solid var(--orange);background:white;font-size:14px;line-height:1.7;margin-top:23px}
.mea-account-page .ma-form-status:empty {display:none}
@media(min-width:1600px) {
.mea-account-page .ma-account-intro {padding-top:88px}
.mea-account-page .ma-account-form {padding-top:86px}
}
@media(max-width:1200px) {
.mea-account-page .ma-account-layout {grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:7%}
.mea-account-page .ma-account-section:before {right:60.5%}
.mea-account-page .ma-account-intro {padding-top:66px}
.mea-account-page .ma-account-form {padding-top:64px}
.mea-account-page .ma-account-intro .ma-intro-copy {padding-right:10px}
}
@media(max-width:850px) {
.mea-account-page .ma-account-section:before {display:none}
.mea-account-page .ma-account-layout {display:block;width:100%}
.mea-account-page .ma-account-intro {padding:48px var(--gutter) 43px;background:var(--brown);overflow:hidden}
.mea-account-page .ma-account-intro:after {display:none}
.mea-account-page .ma-account-intro h1 {font-size:36px !important;margin-bottom:20px}
.mea-account-page .ma-account-intro h1 span {display:inline}
.mea-account-page .ma-account-intro h1 span+span:before {content:' '}
.mea-account-page .ma-account-intro .ma-intro-copy {max-width:610px;padding:0}
.mea-account-page .ma-intro-rule {display:none}
.mea-account-page .ma-account-form {padding:42px var(--gutter) 50px;max-width:800px;margin:auto}
}
@media(max-width:560px) {
.mea-account-page .ma-account-intro {padding-top:35px;padding-bottom:36px}
.mea-account-page .ma-account-intro h1 {font-size:32px !important;max-width:350px;line-height:1.2}
.mea-account-page .ma-account-intro .ma-intro-copy {font-size:14px;line-height:1.8}
.mea-account-page .ma-account-form {padding-top:35px}
.mea-account-page .ma-form-title {margin-bottom:25px;padding-bottom:20px;gap:10px}
.mea-account-page .ma-form-title h2 {font-size:26px}
.mea-account-page .ma-required-note {font-size:11px}
.mea-account-page .ma-fields {grid-template-columns:1fr;gap:21px}
.mea-account-page .ma-field {gap:8px}
.mea-account-page input,
.mea-account-page select {font-size:16px;height:50px}
.mea-account-page .ma-agreement {margin-top:27px;padding-top:25px}
.mea-account-page .ma-agreement h3 {font-size:24px}
.mea-account-page .ma-submit-button {width:100%;min-height:49px}
.mea-account-page .ma-sign-in-prompt {text-align:center;font-size:14px}
}
@media(prefers-reduced-motion:reduce) {
.mea-account-page {scroll-behavior:auto}
.mea-account-page *,
.mea-account-page *::before,
.mea-account-page *::after {transition:none!important}
}
.mea-account-page,
.mea-account-page p,
.mea-account-page li,
.mea-account-page dt,
.mea-account-page dd,
.mea-account-page label,
.mea-account-page input,
.mea-account-page select,
.mea-account-page textarea,
.mea-account-page option,
.mea-account-page button,
.mea-account-page a,
.mea-account-page .ma-required-note,
.mea-account-page .ma-optional,
.mea-account-page .ma-field-hint,
.mea-account-page .ma-field-error,
.mea-account-page .ma-form-status {font-family:Inter,Arial,sans-serif!important}
@media(min-width:851px) {
.mea-account-page .ma-account-layout {--account-content-top:75px}
.mea-account-page .ma-account-intro,
.mea-account-page .ma-account-form {padding-top:var(--account-content-top)}
}
@media(min-width:851px) and (max-width:1200px) {
.mea-account-page .ma-account-layout {--account-content-top:64px}
}
@media(min-width:1600px) {
.mea-account-page .ma-account-layout {--account-content-top:86px}
}