.customer-auth{min-height:calc(100vh - 230px);padding:4.5rem 1.25rem 5.5rem;background:var(--cream-100)}
.auth-shell{width:min(900px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1fr);gap:4rem;align-items:center}
.auth-intro h1{margin:.4rem 0 1rem;font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.03;color:var(--navy-900)}
.auth-intro>p:last-child{max-width:34ch;color:var(--ink-500);font-size:1rem}
.auth-panel{padding:2.1rem;background:var(--white);border:1px solid var(--stone-200);border-radius:var(--radius-md);box-shadow:0 18px 45px rgba(13,31,53,.08)}
.auth-panel h2{margin:0 0 1.35rem;font-family:var(--font-display);font-size:1.65rem;color:var(--navy-900)}
.social-stack{display:grid;gap:.8rem}.social-button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:.85rem;border-radius:999px;font-weight:700;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}
.social-button:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(13,31,53,.14)}.social-facebook{background:#2477ee;color:#fff}.social-google{border:1px solid #151515;background:#fff;color:#252525}
.social-mark{width:1.2rem;text-align:center;font-family:Arial,sans-serif;font-size:1.45rem;font-weight:700;line-height:1}.google-mark{color:#4285f4;text-shadow:-.11em 0 #ea4335,.11em 0 #fbbc05}
.auth-divider{display:flex;align-items:center;gap:.8rem;margin:1.35rem 0;color:var(--ink-500);font-size:.75rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--stone-200)}.auth-divider span{white-space:nowrap}
.auth-form{display:grid;gap:1rem}.auth-form label{display:grid;gap:.38rem;color:var(--navy-900);font-size:.8rem;font-weight:700}.auth-form label small{font-weight:400;color:var(--ink-500)}.auth-form input:not([type=checkbox]){width:100%;height:46px;border:1px solid var(--stone-200);border-radius:var(--radius-sm);padding:0 .8rem;color:var(--ink-900);background:var(--white)}.auth-form input:focus{border-color:var(--gold-500);outline:0;box-shadow:0 0 0 3px rgba(209,169,38,.14)}
.auth-form .remember{display:flex;align-items:center;gap:.55rem;color:var(--ink-700);font-weight:500}.auth-form .remember input{accent-color:var(--navy-900)}.auth-submit{width:100%;min-height:48px;margin-top:.25rem}.form-error{margin:0 0 1rem;color:var(--wine-700);font-size:.82rem}.auth-switch{margin:1.3rem 0 0;text-align:center;color:var(--ink-500);font-size:.84rem}.auth-switch a{color:var(--navy-900);font-weight:700;text-decoration:underline}
@media(max-width:760px){.customer-auth{padding-block:3rem}.auth-shell{grid-template-columns:1fr;gap:2rem;max-width:480px}.auth-intro{text-align:center}.auth-intro>p:last-child{margin-inline:auto}.auth-panel{padding:1.5rem}}