:root{--ml-primary:#13325e;--ml-primary-dark:#0d2445;--ml-accent:#c44c3a;--ml-accent-dark:#a53e30;--ml-soft:#f3f6fa;--ml-text:#1e2a36;--ml-muted:#667085;--ml-border:#dfe5ec}html{scroll-behavior:smooth}body{color:var(--ml-text);background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--ml-primary)}.site-header{background:var(--ml-primary);box-shadow:0 8px 24px rgba(13,36,69,.12)}.navbar{min-height:76px}.navbar-brand{font-size:1.25rem;font-weight:750}.navbar .nav-link{color:rgba(255,255,255,.84);font-weight:600}.navbar .nav-link:hover{color:#fff}.btn{border-radius:.75rem;font-weight:650;padding:.7rem 1.1rem}.btn-accent{color:#fff;background:var(--ml-accent);border-color:var(--ml-accent)}.btn-accent:hover,.btn-accent:focus{color:#fff;background:var(--ml-accent-dark);border-color:var(--ml-accent-dark)}.btn-outline-primary{color:var(--ml-primary);border-color:var(--ml-primary)}.btn-outline-primary:hover{background:var(--ml-primary);border-color:var(--ml-primary)}.hero-section{background:radial-gradient(circle at 95% 5%,rgba(196,76,58,.12),transparent 32%),linear-gradient(180deg,#fff,#f7f9fc)}.eyebrow{color:var(--ml-accent);font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.eyebrow-light{color:#ffd3cc}.hero-image-card{padding:1rem;background:#fff;border:1px solid var(--ml-border);border-radius:1.5rem;box-shadow:0 24px 60px rgba(19,50,94,.15)}.hero-trust{display:flex;flex-wrap:wrap;gap:1rem;color:var(--ml-muted);font-size:.95rem}.hero-trust i{color:var(--ml-accent)}.section-padding{padding:6rem 0}.bg-soft{background:var(--ml-soft)}.section-heading{max-width:720px}.feature-card,.pricing-card,.signup-card{background:#fff;border:1px solid var(--ml-border);border-radius:1.25rem;box-shadow:0 12px 35px rgba(19,50,94,.08)}.feature-card{overflow:hidden}.feature-image{width:100%;aspect-ratio:16/9;object-fit:cover;background:#eaf0f7}.feature-icon,.success-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:.9rem;background:rgba(196,76,58,.12);color:var(--ml-accent);font-size:1.25rem}.success-icon{width:72px;height:72px;font-size:2rem}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.check-grid i{color:var(--ml-accent);margin-right:.45rem}.pricing-card{display:flex;flex-direction:column;padding:2rem}.pricing-card.featured{border:2px solid var(--ml-accent);transform:translateY(-8px)}.plan-label{align-self:flex-start;padding:.35rem .7rem;border-radius:999px;background:rgba(19,50,94,.1);color:var(--ml-primary);font-weight:800}.pricing-card.featured .plan-label{color:#fff;background:var(--ml-accent)}.pricing-card small{font-size:.95rem;color:var(--ml-muted)}.plan-list{padding:0;margin:1rem 0 2rem;list-style:none}.plan-list li{margin-bottom:.8rem}.plan-list i{color:var(--ml-accent);margin-right:.45rem}.cta-section{padding:5rem 0;color:#fff;background:var(--ml-primary)}.signup-section{min-height:calc(100vh - 76px);background:radial-gradient(circle at 10% 10%,rgba(196,76,58,.15),transparent 30%),var(--ml-soft)}.signup-shell{max-width:980px}.signup-aside{padding:3rem;color:#fff;background:var(--ml-primary)}.signup-benefits{padding:0;margin:2rem 0 0;list-style:none}.signup-benefits li{margin-bottom:1rem}.signup-benefits i{color:#ffd3cc;margin-right:.5rem}.form-control{border-color:#cfd7e1;border-radius:.75rem;min-height:48px}.form-control:focus{border-color:var(--ml-primary);box-shadow:0 0 0 .25rem rgba(19,50,94,.12)}.site-footer{color:#fff;background:var(--ml-primary-dark)}.footer-copy{color:rgba(255,255,255,.7)}.footer-links li{margin-bottom:.55rem}.footer-links a,.footer-bottom a{color:rgba(255,255,255,.75);text-decoration:none}.footer-links a:hover,.footer-bottom a:hover{color:#fff}.footer-bottom{color:rgba(255,255,255,.65);border-top:1px solid rgba(255,255,255,.12);font-size:.9rem}@media(max-width:991.98px){.navbar-collapse{padding:1rem 0}.navbar-nav .btn{margin-top:.5rem;width:100%}.section-padding{padding:4rem 0}}@media(max-width:767.98px){.check-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.signup-aside{padding:2rem}}


/* Polished signup experience */
.py-lg-6 { padding-top: 5rem !important; padding-bottom: 5rem !important; }

.signup-experience {
    min-height: calc(100vh - 76px);
    background:
        radial-gradient(circle at 8% 10%, rgba(196, 76, 58, .12), transparent 28%),
        linear-gradient(180deg, #f7f9fc 0%, #eef3f8 100%);
}

.signup-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--ml-border);
    border-radius: 1.5rem;
    box-shadow: 0 28px 80px rgba(19, 50, 94, .16);
}

.signup-showcase {
    display: flex;
    flex-direction: column;
    min-height: 760px;
    padding: 2.5rem;
    color: #fff;
    background:
        radial-gradient(circle at 88% 12%, rgba(196, 76, 58, .48), transparent 30%),
        linear-gradient(145deg, #13325e 0%, #0d2445 100%);
}

.showcase-brand {
    font-size: 1.25rem;
}

.showcase-copy {
    max-width: 560px;
    margin-top: 3rem;
}

.showcase-copy p {
    color: rgba(255, 255, 255, .76);
}

.browser-mockup {
    margin-top: 2rem;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 1.1rem;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .22);
    transform: rotate(-1deg);
}

.browser-bar {
    display: flex;
    align-items: center;
    gap: .45rem;
    height: 42px;
    padding: 0 .8rem;
    background: #e9eef5;
}

.browser-bar > span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #b8c2cf;
}

.browser-address {
    flex: 1;
    margin-left: .5rem;
    padding: .28rem .7rem;
    color: #6b7785;
    background: #fff;
    border-radius: .5rem;
    font-size: .72rem;
    text-align: center;
}

.browser-mockup img {
    display: block;
    width: 100%;
}

.signup-benefits {
    display: grid;
    gap: .8rem;
    margin-top: auto;
    padding-top: 2rem;
}

.signup-benefits li {
    margin: 0;
    color: rgba(255,255,255,.88);
}

.signup-form-panel {
    display: flex;
    align-items: center;
    padding: 2.5rem;
}

.signup-form-inner {
    width: 100%;
    max-width: 500px;
    margin: auto;
}

.password-field {
    position: relative;
}

.password-field .form-control {
    padding-right: 3.2rem;
}

.password-toggle {
    position: absolute;
    top: 50%;
    right: .8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    padding: 0;
    color: #667085;
    background: transparent;
    border: 0;
    transform: translateY(-50%);
}

.password-strength {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .35rem;
}

.password-strength span {
    height: 5px;
    background: #e4e9ef;
    border-radius: 999px;
}

.password-strength[data-level="1"] span:nth-child(-n+1),
.password-strength[data-level="2"] span:nth-child(-n+2),
.password-strength[data-level="3"] span:nth-child(-n+3),
.password-strength[data-level="4"] span:nth-child(-n+4) {
    background: var(--ml-accent);
}

.password-label,
.field-feedback {
    font-size: .82rem;
    font-weight: 650;
}

.field-feedback {
    min-height: 1.25rem;
    margin-top: .35rem;
}

.field-feedback.valid { color: #198754; }
.field-feedback.invalid { color: #b42318; }

.signup-success-card {
    max-width: 640px;
    padding: 4rem 3rem;
    background: #fff;
    border: 1px solid var(--ml-border);
    border-radius: 1.5rem;
    box-shadow: 0 24px 70px rgba(19,50,94,.14);
}

.account-email {
    display: inline-block;
    padding: .75rem 1rem;
    color: var(--ml-primary);
    background: var(--ml-soft);
    border-radius: .8rem;
    font-weight: 750;
}

@media (max-width: 991.98px) {
    .signup-grid {
        grid-template-columns: 1fr;
    }

    .signup-showcase {
        min-height: auto;
    }

    .signup-benefits {
        margin-top: 2rem;
    }

    .signup-form-panel {
        padding: 2rem;
    }
}

@media (max-width: 575.98px) {
    .signup-showcase,
    .signup-form-panel {
        padding: 1.5rem;
    }

    .browser-mockup {
        margin-inline: -.25rem;
    }

    .signup-success-card {
        padding: 3rem 1.5rem;
    }
}

.page-hero{padding:6rem 0 3rem;background:linear-gradient(180deg,#fff,#f6f8fb)}.page-hero.compact{padding-bottom:2rem}.narrow-content{max-width:820px}.popular-badge{align-self:flex-start;margin-bottom:.8rem;padding:.35rem .7rem;border-radius:999px;background:var(--ml-primary);color:#fff;font-size:.75rem;font-weight:800;text-transform:uppercase}.selected-plan-banner{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;border:1px solid var(--ml-border);border-radius:1rem;background:var(--ml-soft)}.selected-plan-banner.personal{background:rgba(196,76,58,.08)}.selected-plan-banner strong,.selected-plan-banner a{display:block}.checkout-card{max-width:680px;padding:3rem;background:#fff;border:1px solid var(--ml-border);border-radius:1.5rem;box-shadow:0 24px 70px rgba(19,50,94,.14)}.price-summary{margin:1.5rem 0;color:var(--ml-primary);font-size:2.4rem;font-weight:800}.price-summary small{display:block;font-size:.95rem;color:var(--ml-muted)}.paypal-container{max-width:440px;margin:1.5rem auto}
