/* /Pages/Public/AffiliateLanding.razor.rz.scp.css */

/* Apply Online page styling for Blazor (.NET) - standalone CSS
   Target HTML: apply-online.html
   Notes:
   - Load this AFTER any default/site CSS so these rules win.
   - Uses CSS variables for quick theming.
*/

[b-ev51lxsak1] {
    --cc-primary: #4F46E5; /* indigo-600 */
    --cc-primary-hover: #4338CA; /* indigo-700 */
    --cc-text: #0F172A; /* slate-900 */
    --cc-muted: #475569; /* slate-600 */
    --cc-bg: #FFFFFF;
    --cc-alt: #F1F5F9; /* slate-100 */
    --cc-card: #FFFFFF;
    --cc-card-shadow: 0 10px 25px rgba(2,6,23,.08);
    --cc-radius: 18px;
    --cc-radius-lg: 22px;
    --cc-maxw: 1120px;
    --cc-maxw-wide: 1240px;
    --dark--carbon: #141617;
    --primary--base: #4864ff;
    --dark--20: #243747;
    --light--white: white;
    --dark--10: #224868;
    --light--10: #f8fafd;
    --light--20: #eff4f8;
    --primary--shadow: #4864ff66;
    --hover: #b0c3d166;
    --info--lighten: #e9f6ff;
    --light--30: #d6dfe5;
    --dark--40: #647b8d;
    --carrot-20\<deleted\|variable-407f1844\>: #f1b55f33;
    --primary--darken: #273377;
    --light--40: #647b8d;
    --info--base: #01609c;
    --dark--30: #496b86;
    --info--accent: #4c87b9;
    --info--darken: #275979;
    --primary--accent: #009cff;
    --success--accent: #b3d356;
    --primary--lighten: #eceefd;
    --success--base: #83bf66;
    --success--lighten: #f6fff1;
    --success--darken: #678858;
    margin: 0;
    padding: 0;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    color: var(--cc-text);
    line-height: 1.6;
}

*[b-ev51lxsak1],
*[b-ev51lxsak1]::before,
*[b-ev51lxsak1]::after {
    box-sizing: border-box;
}


/* Generic containers */
.container[b-ev51lxsak1],
.container-navbar[b-ev51lxsak1] {
    max-width: var(--cc-maxw);
    margin-inline: auto;
    padding-inline: 24px;
}

.container-navbar[b-ev51lxsak1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 74px;
}

.link-underline[b-ev51lxsak1] {
    text-decoration:underline !important;
}

/* NAVBAR */
.navbar[b-ev51lxsak1] {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(255,255,255,.85);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(2,6,23,.06);
}

.brand img.image.nav[b-ev51lxsak1] {
    display: block;
    height: 46px;
    width: auto;
}

.navmenu[b-ev51lxsak1] {
    display: flex;
    align-items: center;
    gap: 22px;
    font-weight: 600;
}

.navlink[b-ev51lxsak1],
.button.btn-nav[b-ev51lxsak1] {
    text-decoration: none;
    color: var(--cc-text);
    padding: 8px 10px;
    border-radius: 10px;
}

.button.btn-nav[b-ev51lxsak1] {
    background: var(--cc-primary);
    color: white;
    padding: 10px 16px;
    box-shadow: 0 6px 16px rgba(79,70,229,.25);
}

    .button.btn-nav:hover[b-ev51lxsak1] {
        background: var(--cc-primary-hover);
    }

/* Dropdown minimal reset (keeps HTML structure) */
.navdropdown .dropdowntoggle[b-ev51lxsak1] {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
}

.nav-list-dropdown[b-ev51lxsak1] {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid rgba(2,6,23,.08);
    border-radius: 12px;
    padding: 10px;
}

.navdropdown:hover .nav-list-dropdown[b-ev51lxsak1] {
    display: block;
}

/* HERO */
.div.hero[b-ev51lxsak1] {
    background: linear-gradient(0deg, #F8FAFC, #FFF);
    padding: 56px 0 28px;
}

.container.centered.apply-now[b-ev51lxsak1] {
    max-width: var(--cc-maxw-wide);
    display: grid;
    grid-template-columns: 1.3fr .7fr;
    gap: 32px;
    align-items: start;
}

.containerbanner.centered[b-ev51lxsak1] {
    text-align:center;
    margin-bottom:40px;
    margin-top:20px;
}
.containerheadline.centered[b-ev51lxsak1] {
    text-align: left;
}

.display-1[b-ev51lxsak1] {
    margin: 8px 0 10px;
    font-size: clamp(34px, 5vw, 56px);
    line-height: 1.05;
    letter-spacing: -0.02em;
    font-weight: 800;
}

.containerheadline.centered p[b-ev51lxsak1] {
    margin: 0 0 18px;
    color: var(--cc-muted);
    font-size: clamp(16px, 1.6vw, 18px);
}

.wrapper.hero[b-ev51lxsak1] {
    margin-top: 8px;
}

.button.btn-start[b-ev51lxsak1] {
    appearance: none;
    display: inline-block;
    text-decoration: none;
    background: var(--cc-primary);
    color: #fff;
    padding: 14px 20px;
    font-weight: 700;
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(79,70,229,.25);
    transition: transform .06s ease, background .2s ease;
}

    .button.btn-start:hover[b-ev51lxsak1] {
        background: var(--cc-primary-hover);
        transform: translateY(-1px);
    }

    .button.btn-start:active[b-ev51lxsak1] {
        transform: translateY(0);
    }

/* Right rail verification card */
.list-3[b-ev51lxsak1] {
    box-shadow: 0 16px 32px -8px var(--primary--shadow);
    text-align: left;
    border-radius: 8px;
    padding: 24px;
}

    .list-3 > p[b-ev51lxsak1] {
        margin: 0 0 8px;
        font-weight: 700;
    }

.list.centered.mobile[b-ev51lxsak1] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.listitem.li-small[b-ev51lxsak1] {
    margin: 0;
    padding: 10px 0;
    border-top: 1px dashed rgba(2,6,23,.12);
}

    .listitem.li-small:first-child[b-ev51lxsak1] {
        border-top: none;
    }

    .listitem.li-small p[b-ev51lxsak1] {
        margin: 0;
        color: var(--cc-muted);
    }

/* ALT SECTION (cards under "Get started today") */
.div.alt[b-ev51lxsak1] {
    background: var(--cc-alt);
    padding: 40px 0 24px;
}

.display2[b-ev51lxsak1] {
    text-align: center;
    font-size: clamp(28px, 3.5vw, 38px);
    margin: 0 0 10px;
    font-weight: 800;
}

.listcontainerflex[b-ev51lxsak1] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin: 18px 0 12px;
}



.listitem.litile[b-ev51lxsak1] {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--light--white);
    box-shadow: 0 16px 32px -8px var(--primary--shadow);
    text-align: left;
    border-radius: 8px;
    flex-direction: column;
    flex: 1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    padding: 24px 24px 24px 20px;
    display: flex;
}

    .listitem.litile.tax[b-ev51lxsak1] {
        box-shadow: none;
        text-align: center;
        justify-content: center;
        align-items: center;
        height: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .listitem.litile.centered[b-ev51lxsak1] {
        text-align: center;
        justify-content: center;
        align-items: center;
    }

        .listitem.litile.centered.lp[b-ev51lxsak1] {
            justify-content: flex-start;
            align-items: center;
            width: 100%;
            height: 100%;
        }

.listitem.bullet-point[b-ev51lxsak1] {
    text-indent: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
    list-style-type: disc;
}

.listitemsub[b-ev51lxsak1] {
    padding-top: 8px;
    padding-bottom: 8px;
}

.display5[b-ev51lxsak1] {
    margin: 0 0 8px;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 800;
}

.full-width[b-ev51lxsak1] {
    margin-top: 8px;
    color: var(--cc-muted);
}

/* FOOTER */
.footer[b-ev51lxsak1] {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: var(--dark--10);
    color: var(--light--white);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 6em;
    padding-bottom: 6em;
    display: flex;
}


    .footer .display5[b-ev51lxsak1] {
        color: #fff;
    }

    .footer a[b-ev51lxsak1] {
        color: #CBD5E1;
        text-decoration: none;
    }

        .footer a:hover[b-ev51lxsak1] {
            text-decoration: underline;
        }

    .footer .columns[b-ev51lxsak1] {
        margin-top: 8px;
    }

    .footer .w-row[b-ev51lxsak1] {
        display: flex;
        gap: 22px;
        flex-wrap: wrap;
    }

    .footer .w-col[b-ev51lxsak1] {
        flex: 1 1 280px;
    }

    .footer .footerlinklist[b-ev51lxsak1] {
        margin: 12px 0 0;
        padding: 0;
        list-style: none;
    }

    .footer .footerlistitem[b-ev51lxsak1] {
        margin: 8px 0;
    }

    .footer .wrapper.hero[b-ev51lxsak1] {
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: space-between;
        margin-top: 20px;
    }

    .cc-logo[b-ev51lxsak1] {
        width:225px;
    }

.p-small-3.white[b-ev51lxsak1] {
    color: #94A3B8;
    margin: 4px 0;
    background-color: var(--dark--10) !important;
}

.light30-3[b-ev51lxsak1] {
    color: #CBD5E1 !important;
    margin: 0;
}

.light30-3 > strong[b-ev51lxsak1]{
    color:#CBD5E1 !important;
}

/* UTILITIES */
.display-1 sup[b-ev51lxsak1],
.container p sup[b-ev51lxsak1],
.full-width sup[b-ev51lxsak1] {
    font-size: .7em;
    line-height: 0;
    vertical-align: super;
}

/* Responsive */
@media (max-width: 1024px) {
    .container.centered.apply-now[b-ev51lxsak1] {
        grid-template-columns: 1fr;
    }

    .list-3[b-ev51lxsak1] {
        order: 2;
    }

    .containerheadline.centered[b-ev51lxsak1] {
        order: 1;
        text-align: center !important;
    }

    .wrapper.hero[b-ev51lxsak1] {
        text-align: center;
    }
}

@media (max-width: 860px) {
    .listcontainerflex[b-ev51lxsak1] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 520px) {
    .container-navbar[b-ev51lxsak1] {
        height: 64px;
    }

    .navmenu[b-ev51lxsak1] {
        display: none;
    }
    /* allow hamburger in Blazor or keep hidden */
    .display-1[b-ev51lxsak1] {
        font-size: 34px;
    }

    .listcontainerflex[b-ev51lxsak1] {
        grid-template-columns: 1fr;
    }

    .button.btn-start[b-ev51lxsak1] {
        width: 100%;
    }
}

.w-list-unstyled[b-ev51lxsak1] {
    padding-left: 0;
    list-style: none;
}
/* /Shared/Components/Loans/LoanApplication/Affiliate/LendingTreeApp.razor.rz.scp.css */
/* --------------------  Design Tokens  -------------------- */
:root[b-rxzq0vukaj] {
    --bg: #ffffff;
    --ink: #0f172a; /* slate-900 */
    --muted: #475569; /* slate-600 */
    --subtle: #64748b; /* slate-500 */
    --border: #e2e8f0; /* slate-200 */
    --surface: #f8fafc; /* slate-50 */
    --brand: #4f46e5; /* indigo-600 */
    --brand-700: #4338ca; /* indigo-700 */
    --shadow: 0 10px 25px rgba(2,6,23,.08), 0 4px 12px rgba(2,6,23,.06);
    --radius: 16px;
    --radius-lg: 18px;
    --container: 1200px;
}

/* --------------------  Base  -------------------- */
*[b-rxzq0vukaj] {
    box-sizing: border-box
}

html[b-rxzq0vukaj], body[b-rxzq0vukaj] {
    height: 100%
}

body[b-rxzq0vukaj] {
    margin: 0;
    background: var(--bg);
    color: var(--ink);
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    line-height: 1.6;
}

.page[b-rxzq0vukaj] {
    display: block
}

.container[b-rxzq0vukaj] {
    width: min(100%, var(--container));
    margin-inline: auto;
    padding: clamp(16px, 2.5vw, 32px);
}

/* --------------------  Hero  -------------------- */
.hero[b-rxzq0vukaj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
    align-items: start;
    padding-top: 24px;
    padding-bottom: 20px;
}

.hero-left .eyebrow[b-rxzq0vukaj] {
    margin: 0 0 6px 0;
    font-weight: 800;
    font-size: clamp(28px, 4vw, 44px);
    letter-spacing: .2px;
}

.hero-left .title[b-rxzq0vukaj] {
    margin: 0 0 14px 0;
    font-weight: 800;
    font-size: clamp(28px, 4vw, 44px);
}

.lede[b-rxzq0vukaj] {
    margin: 0 0 22px 0;
    color: var(--muted);
    max-width: 60ch;
}

.btn-primary[b-rxzq0vukaj] {
    appearance: none;
    border: 0;
    border-radius: 12px;
    padding: 14px 22px;
    font-weight: 700;
    background: var(--brand);
    color: white;
    box-shadow: var(--shadow);
    cursor: pointer;
    transition: transform .06s ease, box-shadow .2s ease, background .15s ease;
}

    .btn-primary:hover[b-rxzq0vukaj] {
        background: var(--brand-700);
        transform: translateY(-1px);
    }

    .btn-primary:active[b-rxzq0vukaj] {
        transform: translateY(0);
    }

/* Right hero card */
.hero-card[b-rxzq0vukaj] {
    background: #fff;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    padding: 20px 22px;
}

    .hero-card h3[b-rxzq0vukaj] {
        margin: 0 0 10px 0;
        font-size: 16px;
        font-weight: 700;
    }

.checklist[b-rxzq0vukaj] {
    margin: 0;
    padding-left: 18px;
    color: var(--muted);
}

    .checklist li[b-rxzq0vukaj] {
        margin: 8px 0;
    }

/* Layout > desktop */
@media (min-width: 960px) {
    .hero[b-rxzq0vukaj] {
        grid-template-columns: 1.25fr .9fr;
        gap: 36px;
        padding-top: 32px;
        padding-bottom: 28px;
    }
}

/* --------------------  Divider  -------------------- */
.section-divider[b-rxzq0vukaj] {
    height: 64px;
    background: var(--surface);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

/* --------------------  Get Started  -------------------- */
.started[b-rxzq0vukaj] {
    padding-block: 36px;
}

.section-title[b-rxzq0vukaj] {
    text-align: center;
    margin: 6px 0 20px 0;
    font-size: clamp(22px, 3.2vw, 32px);
    font-weight: 800;
    letter-spacing: .2px;
}

.card-grid[b-rxzq0vukaj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 8px;
}

.card[b-rxzq0vukaj] {
    background: #fff;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 18px 20px;
}

    .card h3[b-rxzq0vukaj] {
        margin: 0 0 8px 0;
        font-size: 16px;
        font-weight: 800;
    }

    .card p[b-rxzq0vukaj] {
        margin: 0;
        color: var(--subtle);
    }

@media (min-width: 760px) {
    .card-grid[b-rxzq0vukaj] {
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }
}

/* States note */
.states-note[b-rxzq0vukaj] {
    margin-top: 18px;
    font-size: 14px;
    color: var(--muted);
}

.link[b-rxzq0vukaj] {
    color: var(--brand);
    text-decoration: none;
    font-weight: 700;
}

    .link:hover[b-rxzq0vukaj] {
        text-decoration: underline;
    }

/* --------------------  Footer  -------------------- */
.footer[b-rxzq0vukaj] {
    background: #0b1220; /* deep slate */
    color: #e5e7eb;
    padding: 24px 0 30px 0;
}

.footnotes[b-rxzq0vukaj] {
    margin: 0 0 12px 0;
    padding-left: 20px;
    color: #cbd5e1;
    font-size: 12px;
}

    .footnotes li[b-rxzq0vukaj] {
        margin: 10px 0;
    }

.legal[b-rxzq0vukaj] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(226,232,240,.15);
    padding-top: 14px;
    font-size: 12px;
    color: #94a3b8;
}