@layer aranu-auth {
/* Customer access uses the public site's palette, including custom colors. */
body[data-customer-auth]{--auth-brand:var(--ui-brand,var(--brand,#326c59));--auth-surface:var(--ui-surface,var(--theme-surface,#fff));--auth-soft:var(--ui-soft,#f2f6f4);--auth-ink:var(--ui-text,var(--theme-text,#23342d));--auth-muted:var(--ui-muted,#65756d);--auth-line:var(--ui-line,var(--theme-line,#dce6df));background:var(--ui-bg,var(--auth-soft))!important;color:var(--auth-ink)!important}
body[data-customer-auth] .site-header-art{display:none!important}
body[data-customer-auth] .auth-app-shell{max-width:1040px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;margin:30px auto 45px;align-items:stretch}
body[data-customer-auth] .auth-app-visual{background:linear-gradient(145deg,color-mix(in srgb,var(--auth-brand) 12%,var(--auth-surface)),var(--auth-surface))!important;color:var(--auth-ink)!important;border:1px solid var(--auth-line)!important;box-shadow:0 16px 45px #182b2110!important;border-radius:26px!important;padding:32px;min-height:460px}
body[data-customer-auth] .auth-app-visual:before,body[data-customer-auth] .auth-app-visual:after{background:color-mix(in srgb,var(--auth-brand) 8%,transparent)!important;pointer-events:none}
body[data-customer-auth] .auth-app-visual :is(h1,h2,strong,.eyebrow){color:var(--auth-ink)!important}
body[data-customer-auth] .auth-app-visual h1{font-size:clamp(25px,3vw,34px);line-height:1.6}
body[data-customer-auth] .auth-app-visual p{color:var(--auth-muted)!important;line-height:2}
body[data-customer-auth] .auth-icon-wrap{background:var(--auth-surface)!important;color:var(--auth-brand)!important;border:1px solid var(--auth-line)!important;border-radius:22px!important;box-shadow:0 8px 24px #182b210c}
body[data-customer-auth] .auth-benefits{display:grid;gap:11px;margin-top:24px}
body[data-customer-auth] .auth-benefits span{color:var(--auth-ink)!important;display:flex;align-items:center;gap:9px;font-size:13px}
body[data-customer-auth] .auth-benefits svg{color:var(--auth-brand)!important;width:19px;height:19px}
body[data-customer-auth] .auth-card{background:var(--auth-surface)!important;border:1px solid var(--auth-line)!important;border-radius:26px!important;box-shadow:0 16px 45px #182b2110!important;padding:28px;color:var(--auth-ink)!important;min-width:0}
body[data-customer-auth] .customer-auth-tabs{background:var(--auth-soft)!important;border-color:var(--auth-line)!important;margin-bottom:22px}
body[data-customer-auth] .customer-auth-tabs a{color:var(--auth-muted)!important;font-size:13px}
body[data-customer-auth] .customer-auth-tabs a.is-active{background:var(--auth-surface)!important;color:var(--auth-brand)!important;box-shadow:0 4px 14px #182b2110!important;border:1px solid color-mix(in srgb,var(--auth-brand) 20%,var(--auth-line))}
body[data-customer-auth] .auth-card-heading :is(h1,h2),body[data-customer-auth] .auth-form label{color:var(--auth-ink)!important}
body[data-customer-auth] .auth-card-heading span,body[data-customer-auth] .auth-alt-link{color:var(--auth-brand)!important}
body[data-customer-auth] .auth-card-heading p{color:var(--auth-muted)!important}
body[data-customer-auth] .auth-form input{background:var(--auth-surface)!important;border:1px solid var(--auth-line)!important;color:var(--auth-ink)!important;box-shadow:none!important;border-radius:13px!important}
body[data-customer-auth] .auth-form input:focus{outline:2px solid var(--auth-brand)!important;outline-offset:2px;border-color:var(--auth-brand)!important}
body[data-customer-auth] .auth-form .btn{background:var(--auth-brand)!important;border:1px solid var(--auth-brand)!important;color:var(--auth-on-brand,#fff)!important;box-shadow:none!important;border-radius:13px!important;min-height:50px;transition:filter .18s}
body[data-customer-auth] .auth-form .btn:hover{filter:brightness(.94)}
body[data-customer-auth] .customer-auth-password-note{background:var(--auth-soft)!important;border-color:var(--auth-line)!important;color:var(--auth-muted)!important}
body[data-customer-auth] .customer-auth-password-note strong{color:var(--auth-ink)!important}
@media(max-width:760px){body[data-customer-auth] .auth-app-shell{grid-template-columns:1fr;margin:18px auto 28px;gap:14px}body[data-customer-auth] .auth-app-visual{min-height:0;padding:22px}body[data-customer-auth] .auth-icon-wrap{width:52px;height:52px;border-radius:16px!important}body[data-customer-auth] .auth-main-icon{width:28px;height:28px}body[data-customer-auth] .auth-app-visual h1{font-size:25px}body[data-customer-auth] .auth-benefits{display:flex;flex-wrap:wrap;gap:9px 14px;margin-top:14px}body[data-customer-auth] .auth-card{padding:20px}}
@media(prefers-reduced-motion:reduce){body[data-customer-auth] .auth-form .btn{transition:none}}

}
