.vdct-auth { max-width: 760px; margin: 36px auto; padding: 0 18px; color: var(--vdct-text, #231b20); font-family: 'Sora', ui-sans-serif, system-ui, sans-serif; }
.vdct-auth__card { padding: clamp(24px, 5vw, 42px); border: 1px solid #eee4e8; border-radius: var(--vdct-radius, 16px); background: var(--vdct-surface, #fff); box-shadow: var(--vdct-shadow); }
.vdct-auth__card h1 { margin: 0 0 8px; }
.vdct-auth__card > p { color: #6f6570; }
.vdct-auth form { display: grid; gap: 16px; margin-top: 24px; }
.vdct-auth__field span { display: block; margin-bottom: 7px; font-weight: 700; }
.vdct-auth__field input { width: 100%; min-height: 46px; padding: .7rem .85rem; border: 1px solid #d8cdd2; border-radius: 10px; font: inherit; }
.vdct-auth__field input:focus { border-color: var(--vdct-primary, #e72d6d); outline: 3px solid color-mix(in srgb, var(--vdct-primary, #e72d6d) 15%, transparent); }
.vdct-auth__remember { display: flex; gap: 8px; align-items: center; }
.vdct-auth__notice { padding: 12px 14px; border-radius: 10px; background: #fff1f3; color: #8c1d40 !important; }
.vdct-auth__alternate { margin: 20px 0 0; text-align: center; }
.vdct-auth__alternate a, .vdct-auth__actions > a:not(.vdct-customer-button), .vdct-account header > a { color: var(--vdct-primary-dark, #bd174e); font-weight: 700; }
.vdct-auth__actions { display: flex; gap: 18px; align-items: center; margin-top: 22px; }
.vdct-account { max-width: 1080px; margin-bottom: -10px; }
.vdct-account header { display: flex; justify-content: space-between; gap: 24px; align-items: center; }
.vdct-account header span { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.vdct-account header h1 { margin: 5px 0; }
@media (max-width: 520px) { .vdct-auth { margin: 20px auto; padding: 0 10px; } .vdct-auth__actions, .vdct-account header { align-items: flex-start; flex-direction: column; } }