:root{--v-auth-rose:#c96f86;--v-auth-rose-deep:#a94c68;--v-auth-slate:#303743;--v-auth-ivory:#fff9f5;--v-auth-border:#eadde0}
.v-auth-page{background:radial-gradient(circle at 8% 2%,#fff0f3 0,transparent 35%),linear-gradient(155deg,#fffaf8,#fff7f5 42%,#f6f6fb);min-height:70vh;color:var(--v-auth-slate)}
.v-auth-shell{background:#fff;border:1px solid var(--v-auth-border);border-radius:28px;box-shadow:0 24px 80px rgba(61,41,57,.09);min-height:590px}
.v-auth-side{position:relative;min-height:580px;background:#efe0dd;isolation:isolate}
.v-auth-side-photo{position:absolute;inset:0;background:url('/assets/images/maternity-hero.webp') center center/cover no-repeat;z-index:-1}
.v-auth-side::after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(transparent 0%,rgba(41,26,44,.22) 45%,rgba(37,19,34,.78) 100%);z-index:-1}
.v-auth-side-overlay{position:absolute;left:0;right:0;bottom:0;padding:48px 40px;color:white;text-shadow:0 1px 8px rgba(0,0,0,.18)}
.v-auth-eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:700}
.v-auth-side-overlay h2{font-size:clamp(1.85rem,3vw,2.6rem);line-height:1.2;font-weight:750;max-width:18ch;margin:15px 0}
.v-auth-side-overlay p{line-height:1.6;max-width:30ch}
.v-auth-trust{font-size:.8rem;opacity:.95}
.v-auth-form-wrap{display:flex;align-items:center}
.v-auth-form-inner{width:100%;max-width:525px;margin:auto;padding:42px 42px 44px}
.v-auth-back{text-decoration:none;display:inline-block;margin-bottom:26px;color:#5b6372;font-size:.9rem}
.v-auth-kicker{font-size:.77rem;font-weight:750;letter-spacing:.13em;color:var(--v-auth-rose-deep);margin-bottom:10px}
.v-auth-heading{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:750;letter-spacing:-.025em;line-height:1.18}
.v-auth-intro{color:#656c75;margin:12px 0 25px;line-height:1.65}
.v-auth-input-wrap{position:relative}
.v-auth-input{height:50px;border:1px solid #dadce3;border-radius:12px;padding:12px 16px;box-shadow:none!important}
.v-auth-input[type=password],.v-auth-input[data-auth-password]{padding-right:80px}
.v-auth-input:focus{border-color:var(--v-auth-rose)!important;outline:3px solid rgba(201,111,134,.16)!important}
.v-auth-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:0;padding:9px 6px;font-size:.83rem;color:#6a4661}
.v-auth-page .btn-rose{background:var(--v-auth-rose-deep);color:white;border:1px solid var(--v-auth-rose-deep);border-radius:12px;font-weight:650;padding:12px 24px}
.v-auth-page .btn-rose:hover{background:#88364f;color:#fff}
.v-auth-page .btn-outline-rose{border:1px solid var(--v-auth-rose-deep);color:var(--v-auth-rose-deep);border-radius:12px;padding:12px 24px}
.v-auth-switch{text-align:center;margin:25px 0 0;color:#667084}
.v-auth-switch a,.v-auth-page a:not(.btn){color:#9d3e5c;font-weight:600}
.v-auth-page .form-check-input:checked{background-color:var(--v-auth-rose-deep);border-color:var(--v-auth-rose-deep)}
.v-auth-account-card{border:1px solid #f0e5e8;border-radius:18px;padding:26px;background:linear-gradient(125deg,#fffafb,#fff);box-shadow:0 4px 22px rgba(27,20,38,.04)}
.v-auth-avatar{display:flex;align-items:center;justify-content:center;border-radius:100px;width:62px;height:62px;color:#9d3e5c;background:#fce7ec;font-size:1.55rem;font-weight:750}
.v-auth-status{background:#edf8f1;border-radius:100px;padding:7px 12px;color:#256a49;font-size:.8rem;font-weight:650}
.v-auth-details{margin:0}.v-auth-details>div{display:grid;grid-template-columns:125px 1fr;border-bottom:1px solid #ede7e9;padding:12px 0;gap:12px;overflow-wrap:anywhere}.v-auth-details dt{color:#6d6875;font-weight:500}.v-auth-details dd{margin:0;font-weight:600}
.v-auth-next{background:#f0f8f5;padding:20px;border-radius:16px;color:#3d6155}
@media(max-width:991.98px){.v-auth-side{min-height:185px}.v-auth-side-photo{background-position:center 38%}.v-auth-side::after{inset:0;background:linear-gradient(90deg,rgba(32,19,38,.65),rgba(32,19,38,.22))}.v-auth-side-overlay{padding:26px 30px}.v-auth-side-overlay h2{font-size:1.5rem;max-width:unset;margin:8px 0}.v-auth-side-overlay p,.v-auth-trust{display:none}.v-auth-form-inner{max-width:600px}}
@media(max-width:575.98px){.v-auth-shell{border-radius:18px}.v-auth-page .container-xl{padding-inline:14px}.v-auth-form-inner{padding:27px 20px 32px}.v-auth-side{min-height:143px}.v-auth-side-overlay{padding:20px}.v-auth-back{margin-bottom:20px}.v-auth-details>div{grid-template-columns:100px 1fr}}
@media(prefers-reduced-motion:no-preference){.v-auth-shell{animation:authFade .32s ease both}@keyframes authFade{from{opacity:.8;transform:translateY(7px)}to{opacity:1;transform:none}}}
