.cca-auth{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);max-width:1050px;margin:0 auto 60px;background:#fff;border:1px solid #d8ddeb;border-radius:28px;overflow:hidden;box-shadow:12px 16px 32px #16245f14,-8px -8px 24px #fff;font-family:var(--ea-sans,'Instrument Sans',sans-serif)}
.cca-auth-brand{position:relative;display:flex;flex-direction:column;justify-content:center;padding:48px 38px;background:#16245f;color:#fff;isolation:isolate}
.cca-auth-brand::after{content:"";position:absolute;inset:0 -1px 0 auto;width:24px;background:#fff;clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}
.cca-auth .cca-auth-brand .cca-auth-eyebrow{color:#fbbc05;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin:0 0 22px}
.cca-auth .cca-auth-brand h2{color:#fff;font-size:clamp(30px,3vw,42px);line-height:1.12;letter-spacing:-.035em;margin:0 0 22px}
.cca-auth-brand h2 em{font-family:var(--ea-serif,'Literata',serif);color:#fbbc05;font-weight:400}
.cca-auth .cca-auth-brand>p:not(.cca-auth-eyebrow){color:#e2e7f7;font-size:15px;line-height:1.75;margin:0;max-width:28ch}
.cca-auth-drawing{display:block;width:100%;max-width:280px;height:auto;margin:30px 0;color:#b6c3ec}
.cca-auth-motto{color:#fff;font:italic 16px var(--ea-serif,serif)}
.cca-auth-content{padding:40px clamp(24px,4vw,52px)}
.cca-auth-switch{display:flex;background:#f1f3f8;padding:5px;border:1px solid #d8ddeb;border-radius:14px;margin-bottom:32px;box-shadow:inset 2px 2px 5px #16245f0d}
.cca-auth-switch button{flex:1;border:0;padding:12px 8px;border-radius:10px;background:transparent;color:#4c5775;font:600 14px var(--ea-sans,sans-serif);cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.cca-auth-switch button[aria-selected="true"]{color:#16245f;background:#fff;box-shadow:2px 3px 6px #16245f1f}
.cca-auth [hidden]{display:none!important}
.cca-auth-panel+.cca-auth-panel{margin-top:38px;border-top:1px solid #d8ddeb;padding-top:32px}
.cca-auth[data-auth-ready] .cca-auth-panel{margin:0;border:0;padding:0;animation:cca-auth-enter .22s ease-out}
.cca-auth .cca-auth-panel h2{font-size:30px;color:#0e1533;line-height:1.2;letter-spacing:-.025em;margin:0 0 8px}
.cca-auth .cca-auth-intro{color:#596581;font-size:15px;line-height:1.6;margin:0 0 26px}
.cca-auth .woocommerce form.login,.cca-auth .woocommerce form.register,.woocommerce .cca-auth form.login,.woocommerce .cca-auth form.register{padding:0;margin:0;border:0;border-radius:0}
.cca-auth form .form-row{float:none;width:100%;margin:0 0 18px;padding:0}
.cca-auth form label{display:block;font-size:14px;font-weight:600;line-height:1.5;color:#263556;margin-bottom:8px}
.cca-auth form input.input-text{min-height:50px;width:100%;padding:12px 14px;background:#fff;border:1px solid #c8d0e2;border-radius:10px;color:#0e1533;font:400 16px var(--ea-sans,sans-serif);box-shadow:inset 2px 2px 5px #16245f09}
.cca-auth .password-input{width:100%}
.cca-auth-options{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 24px;font-size:13px}
.cca-auth-options label{display:flex;align-items:center;gap:7px;margin:0;font-weight:400;font-size:13px;cursor:pointer}
.cca-auth-options input{appearance:auto;width:17px;height:17px;accent-color:#16245f}
.cca-auth a{color:#16245f;text-decoration:underline;text-underline-offset:3px}
.woocommerce .cca-auth button.ea-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;width:100%;border-radius:100px;min-height:52px;margin:0;font-weight:600;float:none;background:var(--ea-btn-bg,#fbbc05);color:var(--ea-btn-fg,#0e1533);padding:12px 18px 12px 24px;line-height:1.2}
.woocommerce .cca-auth button.ea-btn:hover{color:var(--ea-btn-fg-hover,#fff)}
.cca-auth .cca-auth-help{margin:28px 0 0;font-size:13px;color:#596581;text-align:center}
.cca-auth .woocommerce-privacy-policy-text,.cca-auth .cca-auth-note{font-size:13px;line-height:1.65;color:#596581;margin-bottom:20px}
.cca-auth :where(input,button,a):focus-visible{outline:3px solid #16245f;outline-offset:3px}
.cca-auth-brand a:focus-visible{outline-color:#fbbc05}
@keyframes cca-auth-enter{from{opacity:.7;transform:translateX(7px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:700px){.cca-auth{grid-template-columns:1fr;border-radius:22px}.cca-auth-brand{padding:30px}.cca-auth-brand::after,.cca-auth-drawing,.cca-auth-motto{display:none}.cca-auth .cca-auth-brand h2{font-size:30px;margin-bottom:14px}.cca-auth .cca-auth-brand .cca-auth-eyebrow{margin-bottom:16px}.cca-auth .cca-auth-brand>p:not(.cca-auth-eyebrow){max-width:none}.cca-auth-content{padding:28px 22px}.cca-auth-switch{margin-bottom:26px}.cca-auth .cca-auth-panel h2{font-size:26px}.cca-auth-options{flex-wrap:wrap}.cca-auth-options a{padding:8px 0}}
@media(prefers-reduced-motion:reduce){.cca-auth[data-auth-ready] .cca-auth-panel{animation:none}.cca-auth-switch button{transition:none}}

/* Account actions keep stable contrast and switch sides without moving keyboard focus. */
.cca-auth{grid-template-areas:"brand form";grid-template-columns:minmax(0,1fr) minmax(0,1fr);box-shadow:0 12px 36px #16245f0c}
.cca-auth-brand{grid-area:brand}.cca-auth-brand::after{display:none}.cca-auth-content{grid-area:form;min-width:0}
.cca-auth[data-auth-active="register"]{grid-template-areas:"form brand"}
.cca-auth-switch,.cca-auth-switch button{border-radius:999px}
.woocommerce .cca-auth .cca-auth-switch button:hover,.woocommerce .cca-auth .cca-auth-switch button:focus-visible{background:#e3e8f3;color:#16245f}
.woocommerce .cca-auth .cca-auth-switch button[aria-selected="true"],.woocommerce .cca-auth .cca-auth-switch button[aria-selected="true"]:hover{background:#16245f;color:#fff;box-shadow:0 3px 9px #16245f20}
.woocommerce .cca-auth button.ea-btn{--ea-btn-bg:#16245f;--ea-btn-fg:#fff;--ea-btn-fg-hover:#fff;--ea-btn-bg-hover:#233878;background:#16245f;color:#fff;box-shadow:0 4px 12px #16245f15;transition:background .18s ease,box-shadow .18s ease}
.woocommerce .cca-auth button.ea-btn:hover{background:#233878;color:#fff;box-shadow:0 6px 16px #16245f20}
.cca-auth form input.input-text{border-radius:16px;box-shadow:0 2px 5px #16245f04}
.cca-auth .cca-social-login{border-top:1px solid #e7eaf2;margin:24px 0 0;padding:18px 0 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}
.cca-auth .cca-social-login>p{margin:0;font-size:13px;color:#596581}
.cca-auth .cca-social-login .nsl-container{padding:0!important;display:inline-block!important}
.cca-auth .cca-social-login .nsl-container-buttons{padding:0!important;display:flex!important;gap:8px;grid-template-columns:none!important}
.cca-auth .cca-social-login .nsl-button{width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important;overflow:hidden;box-shadow:0 2px 8px #16245f12!important;border:1px solid #d8ddeb}
.cca-auth .cca-social-login .nsl-button-svg-container{width:44px!important;height:44px!important;padding:12px!important;box-sizing:border-box}
.cca-auth .cca-social-login .nsl-button-label-container{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.cca-auth .cca-social-login a{min-width:44px!important;flex:0 0 auto!important}
@media(min-width:701px){.cca-auth[data-auth-ready] .cca-auth-brand{animation:cca-auth-enter .22s ease-out}}
@media(max-width:700px){.cca-auth,.cca-auth[data-auth-active="register"]{grid-template-columns:1fr;grid-template-areas:"form" "brand"}.cca-auth-brand{padding:24px}.cca-auth .cca-auth-brand h2{font-size:25px}.cca-auth .cca-auth-brand .cca-auth-eyebrow{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.cca-auth[data-auth-ready] .cca-auth-brand{animation:none}.woocommerce .cca-auth button.ea-btn{transition:none}}
