:root {
    --auth-ink: #182224;
    --auth-muted: #687274;
    --auth-paper: #f4f1ea;
    --auth-white: #fffdf8;
    --auth-line: #dedbd3;
    --auth-accent: #c46151;
    --auth-gold: #f4dfbb;
    --auth-green: #087857;
    --auth-serif: "Playfair Display", Georgia, serif;
    --auth-sans: "Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, sans-serif;
}

.va-auth-body { background: var(--auth-paper) !important; color: var(--auth-ink) !important; font-family: var(--auth-sans) !important; }
.va-wrap { font-family: var(--auth-sans) !important; min-height:100dvh !important; width:100% !important; padding:0 !important; display:block !important; }
.va-wrap::before { background-image: radial-gradient(circle, rgba(196,97,81,.07) 1px, transparent 1px) !important; }
.va-wrap::after { background: radial-gradient(circle, rgba(196,97,81,.09) 0%, transparent 65%) !important; }
.va-card { width:100% !important; max-width:none !important; min-height:100dvh !important; border-radius:0 !important; background:var(--auth-white) !important; box-shadow:none !important; }
.va-sidebar { background: linear-gradient(155deg, #111819 0%, #182224 54%, #274b4a 100%) !important; min-height:100dvh !important; border-radius:0 !important; }
.va-sidebar::before { background: radial-gradient(ellipse at 20% 85%, rgba(196,97,81,.22) 0%, transparent 55%), radial-gradient(ellipse at 82% 15%, rgba(244,223,187,.13) 0%, transparent 50%) !important; }
.va-sidebar-logo { background: rgba(255,253,248,.11) !important; border-color: rgba(244,223,187,.25) !important; }
.va-sidebar-logo img { width: 30px !important; height: 30px !important; }
.va-sidebar-logo i { color: var(--auth-gold) !important; }
.va-sidebar-wordmark { font-family: var(--auth-sans) !important; font-size: 1rem !important; letter-spacing: -.04em !important; }
.va-sidebar-tagline { color: rgba(255,253,248,.6) !important; font-size: .54rem !important; letter-spacing: .1em !important; }
.va-sidebar-brand { text-decoration: none !important; }
.va-sidebar-copy { margin: auto 0; max-width: 480px; }
.va-sidebar-kicker { color: var(--auth-gold) !important; font-size: .67rem !important; font-weight: 800 !important; letter-spacing: .18em !important; }
.va-sidebar-copy h1 { margin: 22px 0 18px !important; font-family: var(--auth-serif) !important; font-size: clamp(2.4rem,3.6vw,4rem) !important; font-weight: 500 !important; line-height: .98 !important; letter-spacing: -.07em !important; color: #fff !important; }
.va-sidebar-copy h1 em { color: var(--auth-gold) !important; font-style: italic !important; }
.va-sidebar-copy p { max-width: 420px !important; color: #c5d0cc !important; font-size: .95rem !important; line-height: 1.75 !important; }
.va-sidebar-points { display: grid !important; gap: 12px !important; margin-top: 28px !important; color: #d6dfda !important; font-size: .76rem !important; font-weight: 700 !important; }
.va-sidebar-points b { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 25px !important; height: 25px !important; margin-right: 9px !important; color: var(--auth-gold) !important; font-family: var(--auth-serif) !important; font-size: 1rem !important; font-weight: 400 !important; }
.va-sidebar-footer { display: flex !important; justify-content: space-between !important; gap: 12px !important; margin-top: 40px !important; color: rgba(255,255,255,.48) !important; font-size: .6rem !important; letter-spacing: .1em !important; }
.va-lab-art-wrap, .va-sidebar-features, .va-sidebar-badges { display: none !important; }
.va-form-panel { min-height:100dvh !important; background: var(--auth-white) !important; }
.va-form-panel::after { background-image: radial-gradient(circle, rgba(24,34,36,.045) 1px, transparent 1px) !important; }
.va-form-bg-art, .va-form-bg-art-2 { opacity: .08 !important; }
.va-form-eyebrow { color: var(--auth-accent) !important; background: #f8e5e0 !important; border-color: #ebc5bd !important; }
.va-form-greeting { font-family: var(--auth-serif) !important; font-weight: 600 !important; color: var(--auth-ink) !important; }
.va-form-subtitle { color: var(--auth-muted) !important; }
.va-input-group label { color: var(--auth-ink) !important; }
.va-input-wrapper .form-control { color: var(--auth-ink) !important; background: var(--auth-paper) !important; border-color: var(--auth-line) !important; border-radius: 7px !important; }
.va-input-wrapper .form-control:focus { border-color: var(--auth-accent) !important; background: var(--auth-white) !important; box-shadow: 0 0 0 3.5px rgba(196,97,81,.18) !important; }
.va-input-wrapper:focus-within .va-input-icon { color: var(--auth-accent) !important; }
.va-btn-submit { background: var(--auth-ink) !important; color: #fff !important; border-radius: 7px !important; box-shadow: 0 10px 24px rgba(24,34,36,.18) !important; }
.va-btn-submit:hover { background: #2d393b !important; color: #fff !important; }
.va-btn-submit::before { background: rgba(244,223,187,.15) !important; }
.va-btn-outline { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: 100% !important; min-height: 48px !important; margin-top: 12px !important; border: 1.5px solid var(--auth-line) !important; border-radius: 7px !important; background: transparent !important; color: var(--auth-ink) !important; font-weight: 700 !important; font-size: .88rem !important; text-decoration: none !important; transition: all .2s !important; }
.va-btn-outline:hover { border-color: var(--auth-accent) !important; color: var(--auth-accent) !important; background: rgba(196,97,81,.05) !important; }
.va-trust-item { color: var(--auth-muted) !important; }
.va-trust-item i { color: var(--auth-green) !important; }
.va-mobile-brand-icon { background: var(--auth-ink) !important; }
.va-mobile-brand-icon img { width: 27px !important; height: 27px !important; }
.va-footer { color: #8b918d !important; }
.va-error-banner { background: #fff1ee !important; border-color: #efc6bc !important; border-left-color: var(--auth-accent) !important; }
.va-error-banner > i { color: var(--auth-accent) !important; }

@media (max-width: 700px) {
    .va-wrap { display:block !important; }
    .va-card { display:block !important; min-height:100dvh !important; }
    .va-form-panel { min-height:100dvh !important; }
}
