/*
 * Leasing Calculator — Dark Theme v1.0.2
 * Matches site: black bg · white text · cyan-blue accents · bold typography
 * All rules scoped to .lc-wrap with !important to beat DIVI/theme overrides.
 */

.lc-wrap {
    --lc-bg:          #0a0a0a;
    --lc-bg-card:     #111111;
    --lc-bg-input:    #1a1a1a;
    --lc-bg-result:   #0e0e0e;
    --lc-border:      rgba(255,255,255,0.07);
    --lc-border-mid:  rgba(255,255,255,0.13);
    --lc-accent:      #3a8eff;
    --lc-accent-h:    #5aa3ff;
    --lc-accent-glow: rgba(58,142,255,0.22);
    --lc-green:       #00e5a0;
    --lc-green-dim:   rgba(0,229,160,0.12);
    --lc-white:       #ffffff;
    --lc-muted:       rgba(255,255,255,0.42);
    --lc-subtle:      rgba(255,255,255,0.22);
    --lc-text:        rgba(255,255,255,0.82);
    --lc-radius:      12px;
    --lc-radius-lg:   18px;
}

.lc-wrap,.lc-wrap * {
    box-sizing:border-box!important;
    -webkit-font-smoothing:antialiased!important;
}

/* ---- ROOT ---- */
.lc-wrap {
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif!important;
    background:var(--lc-bg)!important;
    color:var(--lc-text)!important;
    line-height:1.5!important;
    margin:0!important;
    padding:0!important;
}

/* ---- INNER CONTAINER (desktop margins) ---- */
.lc-wrap .lc-inner {
    max-width:1200px!important;
    margin:0 auto!important;
    padding:0 48px!important;
}

/* ---- HEADER ---- */
.lc-wrap .lc-header {
    background:var(--lc-bg)!important;
    padding:64px 0 56px!important;
    text-align:center!important;
    position:relative!important;
    overflow:hidden!important;
    border-bottom:1px solid var(--lc-border)!important;
}
.lc-wrap .lc-header::before {
    content:''!important;
    position:absolute!important;
    top:-80px!important;left:50%!important;
    transform:translateX(-50%)!important;
    width:700px!important;height:400px!important;
    background:radial-gradient(ellipse,rgba(58,142,255,0.10) 0%,transparent 70%)!important;
    pointer-events:none!important;
}
.lc-wrap .lc-header__eyebrow {
    display:inline-flex!important;align-items:center!important;gap:6px!important;
    background:rgba(58,142,255,0.1)!important;
    border:1px solid rgba(58,142,255,0.28)!important;
    border-radius:100px!important;padding:5px 16px!important;
    font-size:11px!important;font-weight:600!important;
    color:var(--lc-accent)!important;letter-spacing:1.2px!important;
    text-transform:uppercase!important;margin:0 0 18px!important;
    position:relative!important;z-index:1!important;
}
.lc-wrap .lc-header__title {
    font-size:clamp(26px,4.5vw,52px)!important;
    font-weight:900!important;color:var(--lc-white)!important;
    margin:0 0 14px!important;padding:0!important;
    line-height:1.1!important;letter-spacing:-1px!important;
    text-transform:uppercase!important;text-shadow:none!important;
    background:none!important;border:none!important;
    position:relative!important;z-index:1!important;
}
.lc-wrap .lc-header__subtitle {
    font-size:15px!important;color:var(--lc-muted)!important;
    max-width:560px!important;margin:0 auto!important;padding:0!important;
    line-height:1.65!important;font-weight:400!important;
    position:relative!important;z-index:1!important;
}

/* ---- CARD ---- */
.lc-wrap .lc-card {
    display:flex!important;flex-direction:row!important;
    background:var(--lc-bg-card)!important;
    border-radius:var(--lc-radius-lg)!important;overflow:hidden!important;
    border:1px solid var(--lc-border)!important;
    margin:40px 0!important;
    box-shadow:0 0 0 1px rgba(255,255,255,0.03),0 24px 64px rgba(0,0,0,0.65)!important;
}
.lc-wrap .lc-card__left {
    width:60%!important;padding:48px 52px!important;
    border-right:1px solid var(--lc-border)!important;
    background:var(--lc-bg-card)!important;
}
.lc-wrap .lc-card__right {
    width:40%!important;padding:48px 44px!important;
    background:var(--lc-bg-result)!important;
    color:var(--lc-white)!important;
    position:relative!important;overflow:hidden!important;
}
.lc-wrap .lc-card__right-bg {
    position:absolute!important;top:-80px!important;right:-80px!important;
    width:300px!important;height:300px!important;
    background:var(--lc-accent)!important;border-radius:50%!important;
    opacity:0.06!important;filter:blur(60px)!important;pointer-events:none!important;
}
.lc-wrap .lc-card__section-title {
    font-size:11px!important;font-weight:700!important;color:var(--lc-subtle)!important;
    margin:0 0 36px!important;padding:0!important;
    display:flex!important;align-items:center!important;gap:8px!important;
    line-height:1!important;text-transform:uppercase!important;letter-spacing:2px!important;
    text-shadow:none!important;background:none!important;border:none!important;
}
.lc-wrap .lc-card__section-title--light {
    color:var(--lc-subtle)!important;position:relative!important;z-index:1!important;
}

/* ---- ICONS ---- */
.lc-wrap .lc-icon {
    width:15px!important;height:15px!important;flex-shrink:0!important;
    display:inline-block!important;vertical-align:middle!important;
    stroke:currentColor!important;fill:none!important;
}
.lc-wrap .lc-icon--sm    { width:14px!important;height:14px!important; }
.lc-wrap .lc-icon--blue  { color:var(--lc-accent)!important; }
.lc-wrap .lc-icon--green,.lc-wrap .lc-icon--emerald { color:var(--lc-green)!important; }

/* ---- SLIDERS ---- */
.lc-wrap .lc-slider-group { margin-bottom:40px!important; }
.lc-wrap .lc-slider-group:last-child { margin-bottom:0!important; }
.lc-wrap .lc-slider-group__header {
    display:flex!important;justify-content:space-between!important;
    align-items:flex-end!important;margin-bottom:14px!important;
}
.lc-wrap .lc-slider-group__label {
    font-size:11px!important;font-weight:700!important;color:var(--lc-muted)!important;
    text-transform:uppercase!important;letter-spacing:1.2px!important;
}
.lc-wrap .lc-slider-group__value-box { text-align:right!important; }
.lc-wrap .lc-slider-group__value-box--dual {
    display:flex!important;flex-direction:column!important;
    align-items:flex-end!important;gap:3px!important;
}
.lc-wrap .lc-price-input {
    font-size:26px!important;font-weight:800!important;color:var(--lc-white)!important;
    background:transparent!important;border:none!important;
    border-bottom:1px solid rgba(255,255,255,0.13)!important;
    text-align:right!important;width:180px!important;outline:none!important;
    padding:4px 28px 7px 0!important;transition:border-color 0.2s!important;
    box-shadow:none!important;border-radius:0!important;font-family:inherit!important;
}
.lc-wrap .lc-price-input:focus { border-bottom-color:var(--lc-accent)!important; }
.lc-wrap .lc-price-input::-webkit-outer-spin-button,
.lc-wrap .lc-price-input::-webkit-inner-spin-button { -webkit-appearance:none!important;margin:0!important; }
.lc-wrap .lc-price-input[type=number] { -moz-appearance:textfield!important; }
.lc-wrap .lc-price-input__currency { font-size:14px!important;color:var(--lc-muted)!important; }
.lc-wrap .lc-val-pct {
    font-size:26px!important;font-weight:800!important;
    color:var(--lc-white)!important;line-height:1!important;
}
.lc-wrap .lc-val-rub { font-size:12px!important;color:var(--lc-muted)!important; }
.lc-wrap .lc-val-months { font-size:26px!important;font-weight:800!important;color:var(--lc-white)!important; }

.lc-wrap input[type="range"].lc-range {
    -webkit-appearance:none!important;appearance:none!important;
    width:100%!important;height:3px!important;
    background:rgba(255,255,255,0.1)!important;border-radius:2px!important;
    outline:none!important;cursor:pointer!important;
    margin:0!important;padding:0!important;border:none!important;box-shadow:none!important;
}
.lc-wrap input[type="range"].lc-range::-webkit-slider-thumb {
    -webkit-appearance:none!important;appearance:none!important;
    width:20px!important;height:20px!important;border-radius:50%!important;
    background:var(--lc-white)!important;cursor:pointer!important;
    box-shadow:0 0 0 4px var(--lc-accent-glow),0 2px 8px rgba(0,0,0,0.5)!important;
    border:none!important;transition:transform 0.15s,box-shadow 0.15s!important;
}
.lc-wrap input[type="range"].lc-range::-webkit-slider-thumb:hover {
    transform:scale(1.18)!important;
    box-shadow:0 0 0 7px var(--lc-accent-glow),0 2px 12px rgba(0,0,0,0.5)!important;
}
.lc-wrap input[type="range"].lc-range::-moz-range-thumb {
    width:20px!important;height:20px!important;border-radius:50%!important;
    background:var(--lc-white)!important;cursor:pointer!important;
    border:none!important;box-shadow:0 0 0 4px var(--lc-accent-glow)!important;
}
.lc-wrap .lc-range-labels {
    display:flex!important;justify-content:space-between!important;
    margin-top:10px!important;font-size:11px!important;
    color:rgba(255,255,255,0.18)!important;letter-spacing:0.3px!important;
}

/* ---- RESULTS ---- */
.lc-wrap .lc-results { margin-bottom:24px!important;position:relative!important;z-index:1!important; }
.lc-wrap .lc-result-main {
    background:rgba(58,142,255,0.07)!important;
    border:1px solid rgba(58,142,255,0.18)!important;
    border-radius:var(--lc-radius)!important;
    padding:20px 22px!important;margin-bottom:20px!important;
}
.lc-wrap .lc-result-main__label {
    font-size:10px!important;color:var(--lc-muted)!important;
    margin:0 0 7px!important;padding:0!important;
    font-weight:700!important;text-transform:uppercase!important;letter-spacing:1.3px!important;
}
.lc-wrap .lc-result-main__value {
    font-size:34px!important;font-weight:900!important;color:var(--lc-white)!important;
    margin:0!important;padding:0!important;line-height:1.1!important;letter-spacing:-0.5px!important;
}
.lc-wrap .lc-result-row {
    display:flex!important;justify-content:space-between!important;
    align-items:center!important;padding:13px 0!important;
    border-bottom:1px solid var(--lc-border)!important;gap:8px!important;
}
.lc-wrap .lc-result-row:last-child { border-bottom:none!important; }
.lc-wrap .lc-result-row__label {
    font-size:12px!important;color:var(--lc-muted)!important;
    display:flex!important;align-items:center!important;gap:6px!important;
    flex:1!important;font-weight:400!important;
}
.lc-wrap .lc-result-row__value {
    font-size:13px!important;font-weight:700!important;color:var(--lc-white)!important;
    white-space:nowrap!important;flex-shrink:0!important;
}
.lc-wrap .lc-result-row__value--green { color:var(--lc-green)!important; }
.lc-wrap .lc-result-row__value--blue  { color:var(--lc-accent)!important; }

.lc-wrap .lc-disclaimer {
    font-size:11px!important;color:rgba(255,255,255,0.2)!important;
    display:flex!important;align-items:flex-start!important;gap:6px!important;
    line-height:1.55!important;margin:0 0 22px!important;padding:0!important;
    position:relative!important;z-index:1!important;
}

/* ---- FORM ---- */
.lc-wrap .lc-form-wrap {
    border-top:1px solid var(--lc-border)!important;
    padding-top:22px!important;position:relative!important;z-index:1!important;
}
.lc-wrap .lc-form__title {
    font-size:15px!important;font-weight:700!important;color:var(--lc-white)!important;
    margin:0 0 16px!important;padding:0!important;
    text-shadow:none!important;background:none!important;border:none!important;
}
.lc-wrap .lc-radio-group { display:flex!important;gap:6px!important;margin-bottom:14px!important; }
.lc-wrap .lc-radio {
    display:flex!important;align-items:center!important;gap:6px!important;
    cursor:pointer!important;font-size:12px!important;color:var(--lc-muted)!important;
    font-weight:500!important;background:rgba(255,255,255,0.04)!important;
    border:1px solid var(--lc-border-mid)!important;border-radius:8px!important;
    padding:8px 13px!important;transition:border-color 0.15s,color 0.15s,background 0.15s!important;
}
.lc-wrap .lc-radio.active-radio {
    border-color:var(--lc-accent)!important;color:var(--lc-white)!important;
    background:rgba(58,142,255,0.1)!important;
}
.lc-wrap .lc-radio input[type="radio"] { display:none!important; }
.lc-wrap .lc-input {
    width:100%!important;background:var(--lc-bg-input)!important;
    border:1px solid var(--lc-border-mid)!important;border-radius:8px!important;
    padding:13px 15px!important;color:var(--lc-white)!important;
    font-size:14px!important;font-family:inherit!important;outline:none!important;
    transition:border-color 0.2s,background 0.2s!important;
    margin-bottom:10px!important;box-shadow:none!important;display:block!important;
}
.lc-wrap .lc-input::placeholder { color:rgba(255,255,255,0.18)!important; }
.lc-wrap .lc-input:focus {
    border-color:var(--lc-accent)!important;
    background:rgba(58,142,255,0.05)!important;
}
.lc-wrap .lc-btn {
    width:100%!important;background:var(--lc-accent)!important;color:var(--lc-white)!important;
    border:none!important;border-radius:8px!important;padding:15px 20px!important;
    font-size:13px!important;font-weight:800!important;cursor:pointer!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
    transition:background 0.2s,transform 0.12s,box-shadow 0.2s!important;
    box-shadow:0 4px 24px var(--lc-accent-glow)!important;
    font-family:inherit!important;letter-spacing:1px!important;text-shadow:none!important;
    text-transform:uppercase!important;margin-bottom:10px!important;
    outline:none!important;line-height:1!important;
}
.lc-wrap .lc-btn:hover {
    background:var(--lc-accent-h)!important;transform:translateY(-1px)!important;
    box-shadow:0 8px 32px var(--lc-accent-glow)!important;
}
.lc-wrap .lc-btn:active { transform:translateY(0)!important; }
.lc-wrap .lc-btn:disabled { opacity:0.5!important;cursor:not-allowed!important;transform:none!important; }
.lc-wrap .lc-privacy {
    font-size:10px!important;color:rgba(255,255,255,0.16)!important;
    text-align:center!important;margin:0!important;padding:0!important;
}

/* ---- SUCCESS ---- */
.lc-wrap .lc-success {
    background:var(--lc-green-dim)!important;
    border:1px solid rgba(0,229,160,0.18)!important;
    border-radius:var(--lc-radius)!important;
    padding:32px 24px!important;text-align:center!important;
}
.lc-wrap .lc-success__icon {
    width:52px!important;height:52px!important;color:var(--lc-green)!important;
    margin:0 auto 14px!important;display:block!important;
}
.lc-wrap .lc-success__title {
    font-size:17px!important;font-weight:900!important;color:var(--lc-white)!important;
    margin:0 0 8px!important;padding:0!important;
    text-transform:uppercase!important;letter-spacing:-0.3px!important;
    text-shadow:none!important;background:none!important;border:none!important;
}
.lc-wrap .lc-success__text {
    font-size:13px!important;color:var(--lc-muted)!important;margin:0!important;padding:0!important;
}

/* ---- SEO ARTICLE ---- */
.lc-wrap .lc-article {
    background:var(--lc-bg-card)!important;
    border:1px solid var(--lc-border)!important;border-top:none!important;
    border-radius:0 0 var(--lc-radius-lg) var(--lc-radius-lg)!important;
    padding:64px 60px!important;color:var(--lc-text)!important;
}
.lc-wrap .lc-article__h2 {
    font-size:clamp(18px,2.8vw,28px)!important;font-weight:900!important;
    color:var(--lc-white)!important;margin:0 0 36px!important;padding:0!important;
    line-height:1.2!important;letter-spacing:-0.5px!important;text-transform:uppercase!important;
    text-shadow:none!important;background:none!important;border:none!important;
}
.lc-wrap .lc-article__h3 {
    font-size:clamp(14px,1.8vw,17px)!important;font-weight:800!important;
    color:var(--lc-white)!important;margin:52px 0 14px!important;padding:0!important;
    line-height:1.3!important;text-transform:uppercase!important;letter-spacing:0.5px!important;
    text-shadow:none!important;background:none!important;border:none!important;
}
.lc-wrap .lc-article__h3::before {
    content:''!important;display:inline-block!important;
    width:20px!important;height:3px!important;background:var(--lc-accent)!important;
    border-radius:2px!important;margin-right:10px!important;vertical-align:middle!important;
}
.lc-wrap .lc-article__p {
    font-size:14px!important;color:rgba(255,255,255,0.5)!important;
    line-height:1.8!important;margin:0 0 16px!important;padding:0!important;font-weight:400!important;
}
.lc-wrap .lc-article__p strong,.lc-wrap .lc-article__p b {
    color:rgba(255,255,255,0.85)!important;font-weight:600!important;
}
.lc-wrap .lc-article__intro-grid {
    display:grid!important;grid-template-columns:1fr 1fr!important;
    gap:40px!important;align-items:start!important;
}
.lc-wrap .lc-article__benefits-box {
    background:rgba(255,255,255,0.025)!important;
    border:1px solid var(--lc-border)!important;
    border-radius:var(--lc-radius)!important;padding:28px!important;
}
.lc-wrap .lc-article__benefits-title {
    font-size:11px!important;font-weight:700!important;color:var(--lc-white)!important;
    margin:0 0 18px!important;padding:0!important;
    display:flex!important;align-items:center!important;gap:8px!important;
    text-transform:uppercase!important;letter-spacing:1.5px!important;
    text-shadow:none!important;background:none!important;border:none!important;
}
.lc-wrap .lc-article__benefit-list {
    list-style:none!important;margin:0!important;padding:0!important;
    display:flex!important;flex-direction:column!important;gap:14px!important;
}
.lc-wrap .lc-article__benefit-list li {
    display:flex!important;align-items:flex-start!important;gap:10px!important;
    font-size:13px!important;color:rgba(255,255,255,0.55)!important;
    line-height:1.5!important;list-style:none!important;padding:0!important;margin:0!important;
}
.lc-wrap .lc-article__benefit-list li::before { display:none!important; }
.lc-wrap .lc-article__benefit-list li strong { color:var(--lc-white)!important;font-weight:600!important; }
.lc-wrap .lc-article__params {
    display:flex!important;flex-direction:column!important;gap:16px!important;margin-top:20px!important;
}
.lc-wrap .lc-article__param {
    display:flex!important;gap:18px!important;align-items:flex-start!important;
    padding:20px!important;background:rgba(255,255,255,0.02)!important;
    border:1px solid var(--lc-border)!important;border-radius:var(--lc-radius)!important;
}
.lc-wrap .lc-article__param:hover { border-color:rgba(58,142,255,0.2)!important; }
.lc-wrap .lc-article__param-icon {
    width:44px!important;height:44px!important;border-radius:10px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;
}
.lc-wrap .lc-article__param-icon svg { width:20px!important;height:20px!important; }
.lc-wrap .lc-article__param-icon--blue   { background:rgba(58,142,255,0.1)!important;color:var(--lc-accent)!important; }
.lc-wrap .lc-article__param-icon--emerald{ background:rgba(0,229,160,0.08)!important;color:var(--lc-green)!important; }
.lc-wrap .lc-article__param-icon--purple { background:rgba(160,100,255,0.1)!important;color:#a066ff!important; }
.lc-wrap .lc-article__param-title {
    font-size:14px!important;font-weight:700!important;color:var(--lc-white)!important;
    margin:0 0 6px!important;padding:0!important;line-height:1.3!important;
    text-shadow:none!important;background:none!important;border:none!important;
}
.lc-wrap .lc-article__param-text {
    font-size:13px!important;color:rgba(255,255,255,0.4)!important;
    line-height:1.65!important;margin:0!important;padding:0!important;
}
.lc-wrap .lc-article__steps {
    border:1px solid var(--lc-border)!important;border-radius:var(--lc-radius)!important;
    overflow:hidden!important;margin:18px 0 28px!important;
}
.lc-wrap .lc-article__step {
    display:flex!important;gap:16px!important;align-items:flex-start!important;
    padding:20px 24px!important;border-bottom:1px solid var(--lc-border)!important;
    background:transparent!important;
}
.lc-wrap .lc-article__step:hover { background:rgba(255,255,255,0.015)!important; }
.lc-wrap .lc-article__step:last-child { border-bottom:none!important; }
.lc-wrap .lc-article__step-num {
    background:rgba(255,255,255,0.05)!important;color:var(--lc-white)!important;
    width:32px!important;height:32px!important;border-radius:8px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    font-size:13px!important;font-weight:800!important;flex-shrink:0!important;
    border:1px solid rgba(255,255,255,0.08)!important;
}
.lc-wrap .lc-article__step-num--green {
    background:var(--lc-green-dim)!important;color:var(--lc-green)!important;
    border-color:rgba(0,229,160,0.2)!important;
}
.lc-wrap .lc-article__step-title {
    font-size:14px!important;font-weight:700!important;color:var(--lc-white)!important;
    margin:0 0 5px!important;padding:0!important;line-height:1.3!important;
    text-shadow:none!important;background:none!important;border:none!important;
}
.lc-wrap .lc-article__step-text {
    font-size:13px!important;color:rgba(255,255,255,0.38)!important;
    line-height:1.6!important;margin:0!important;padding:0!important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:900px) {
    .lc-wrap .lc-inner { padding:0 20px!important; }
    .lc-wrap .lc-card { flex-direction:column!important; }
    .lc-wrap .lc-card__left,.lc-wrap .lc-card__right {
        width:100%!important;border-right:none!important;padding:32px 24px!important;
    }
    .lc-wrap .lc-article { padding:36px 24px!important; }
    .lc-wrap .lc-article__intro-grid { grid-template-columns:1fr!important;gap:24px!important; }
    .lc-wrap .lc-header { padding:44px 0 38px!important; }
}
@media (max-width:480px) {
    .lc-wrap .lc-result-main__value { font-size:26px!important; }
    .lc-wrap .lc-article__param { flex-wrap:wrap!important; }
    .lc-wrap .lc-inner { padding:0 16px!important; }
}