.customer-auth-card{--auth-panel-start:var(--text);--auth-panel-end:var(--accent);--auth-panel-ink:var(--surface);position:relative;isolation:isolate;width:100%;min-width:0;margin-inline:auto;overflow:hidden;border:1px solid var(--border);border-radius:24px;background:var(--surface);color:var(--text);box-shadow:0 24px 70px color-mix(in srgb,var(--scrim) 12%,transparent)}[data-theme=dark] .customer-auth-card{--auth-panel-start:var(--surface-raised);--auth-panel-end:var(--background);--auth-panel-ink:var(--text);box-shadow:0 24px 70px color-mix(in srgb,var(--scrim) 30%,transparent)}.customer-auth-forms{position:relative;min-width:0}.customer-auth-slot{position:absolute;top:0;width:100%;min-width:0;pointer-events:none}.customer-auth-slot[data-active=true]{position:relative;z-index:1;pointer-events:auto}.customer-auth-card[data-transitioning=true] .customer-auth-slot{pointer-events:none}.customer-auth-form{width:100%;min-width:0;padding:clamp(24px,5vw,48px);overflow-wrap:anywhere}.customer-auth-form .field input{min-height:48px;font-size:16px}.customer-auth-form .field button{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center}.customer-auth-form .button-primary{border-radius:8px;min-height:48px}.customer-auth-form h1{line-height:1.12}.customer-auth-form h1:focus-visible{outline-offset:8px}.customer-auth-form nav [role=link],.customer-auth-form nav a{display:inline-flex;min-height:44px;align-items:center}.customer-auth-panel{position:relative;z-index:2;width:100%;overflow:hidden;background:linear-gradient(140deg,var(--auth-panel-start) 8%,var(--auth-panel-end) 100%);color:var(--auth-panel-ink)}.customer-auth-panel-content{position:relative;z-index:1;padding:24px;text-align:center}.customer-auth-brand{margin-bottom:16px;font-family:var(--font-script),cursive;font-size:25px;line-height:1.2}.customer-auth-brand span{margin-left:6px}.customer-auth-copy-stage{display:grid}.customer-auth-copy{grid-area:1/1;min-width:0;pointer-events:none;overflow-wrap:anywhere}.customer-auth-copy[data-active=true]{pointer-events:auto}.customer-auth-copy h2{font-family:var(--font-display),sans-serif;font-size:clamp(26px,3.3vw,42px);line-height:1.15}.customer-auth-copy p{max-width:28ch;margin:12px auto 20px;font-size:14px;line-height:1.7;color:color-mix(in srgb,var(--auth-panel-ink) 94%,transparent)}.customer-auth-switch{display:inline-flex;max-width:100%;min-height:48px;align-items:center;justify-content:center;gap:24px;padding:10px 24px;border:1px solid var(--auth-panel-ink);border-radius:8px;font-size:14px;font-weight:600}.customer-auth-switch:hover{background:color-mix(in srgb,var(--auth-panel-ink) 10%,transparent)}.customer-auth-switch[aria-disabled=true]{opacity:.6;cursor:default}.customer-auth-switch:focus-visible{outline-color:var(--auth-panel-ink);outline-offset:4px}.customer-auth-sparks{position:absolute;inset:0;pointer-events:none}.customer-auth-sparks>span:not(.customer-auth-monogram){position:absolute;width:4px;height:4px;border-radius:50%;background:var(--auth-panel-ink);box-shadow:0 0 8px color-mix(in srgb,var(--auth-panel-ink) 30%,transparent)}.customer-auth-sparks>span:first-child{left:18%;top:14%}.customer-auth-sparks>span:nth-child(2){left:78%;top:27%;width:3px;height:3px}.customer-auth-sparks>span:nth-child(3){left:65%;top:12%}.customer-auth-sparks>span:nth-child(4){left:31%;top:80%;width:3px;height:3px}.customer-auth-sparks>span:nth-child(5){left:86%;top:83%}.customer-auth-sparks>span:nth-child(6){left:14%;top:62%;width:2px;height:2px}.customer-auth-monogram{position:absolute;left:-12px;bottom:-80px;font:600 400px/.9 var(--font-display),sans-serif;color:color-mix(in srgb,var(--auth-panel-ink) 3%,transparent)}@media (max-width:899px){.customer-auth-panel{transform:none!important;clip-path:none!important}}@media (min-width:900px){.customer-auth-card{min-height:540px;max-width:1040px}.customer-auth-slot{width:50%}.customer-auth-slot[data-form-mode=register]{margin-left:50%}.customer-auth-form{padding:48px}.customer-auth-panel{position:absolute;inset:0 auto 0 0;width:54%;height:100%}.customer-auth-panel-content{display:flex;height:100%;min-height:540px;flex-direction:column;align-items:center;justify-content:center;padding:48px 64px}.customer-auth-brand{margin-bottom:48px;font-size:30px}}@media (prefers-reduced-motion:reduce){.customer-auth-card{height:auto!important}.customer-auth-card,.customer-auth-card *{scroll-behavior:auto}.customer-auth-copy,.customer-auth-slot{filter:none!important;opacity:0!important}.customer-auth-copy[data-active=true],.customer-auth-slot[data-active=true]{opacity:1!important}}@media (prefers-reduced-motion:reduce) and (min-width:900px){.customer-auth-card[data-mode=login] .customer-auth-panel{transform:translateX(85.185185%)!important;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)!important}.customer-auth-card[data-mode=register] .customer-auth-panel{transform:translateX(0)!important;clip-path:polygon(0 0,88% 0,100% 100%,0 100%)!important}}