/* Shared landing styles, scoped to keep the site header and footer independent. */
.mt-bootcamp-page [data-aos] { opacity: 1; }
.mt-bootcamp-page [data-aos].aos-animate { animation: mt-bootcamp-enter .8s ease both; }
    .mt-bootcamp-page {
        --primary: var(--mt-primary);
        --primary-dark: var(--mt-primary-dark);
        --secondary: #8b5cf6;
        --accent: #f59e0b;
        --dark: var(--mt-ink);
        --text: var(--mt-ink);
        --muted: var(--mt-muted);
        --bg: var(--mt-background);
        --card: var(--mt-panel);
        --border: var(--mt-line);
        --shadow: var(--mt-shadow);
        --shadow-hover: var(--mt-shadow);
        --radius: 24px;
        --mt-bootcamp-warm: #9b651a;
        background: var(--bg);
        color: var(--text);
    }


    .mt-bootcamp-page .section-padding {
        padding: 90px 0
    }

    .mt-bootcamp-page .section-title {
        font-size: clamp(1.8rem, 3vw, 2.8rem);
        font-weight: 800;
        color: var(--dark);
        line-height: 1.4;
    }

    .mt-bootcamp-page .section-subtitle {
        color: var(--muted);
        font-size: 1.05rem;
        max-width: 760px;
        margin: auto;
    }

    .mt-bootcamp-page .badge-soft {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 16px;
        border-radius: 999px;
        background: rgba(111, 66, 193, .10);
        color: var(--primary);
        font-weight: 700;
        border: 1px solid rgba(111, 66, 193, .12);
    }

    .mt-bootcamp-page .btn-main {
        background: linear-gradient(135deg, #6f42c1, #7041c0);
        color: #fff;
        border: none;
        padding: 14px 30px;
        border-radius: 16px;
        font-weight: 700;
        box-shadow: 0 12px 30px rgba(111, 66, 193, .28);
        transition: .3s ease;
    }

    .mt-bootcamp-page .btn-main:hover {
        transform: translateY(-3px);
        color: #fff;
        box-shadow: 0 18px 40px rgba(111, 66, 193, .34);
    }

    .mt-bootcamp-page .btn-outline-soft {
        border: 1px solid rgba(255, 255, 255, .25);
        color: #fff;
        padding: 14px 30px;
        border-radius: 16px;
        font-weight: 700;
        backdrop-filter: blur(10px);
        transition: .3s ease;
    }

    .mt-bootcamp-page .btn-outline-soft:hover {
        background: rgba(255, 255, 255, .08);
        color: #fff;
        transform: translateY(-3px);
    }

    .mt-bootcamp-page .glass-card {
        background: var(--card);
        backdrop-filter: blur(18px);
        border: 1px solid var(--border);
        box-shadow: var(--shadow);
        border-radius: var(--radius);
    }

    .mt-bootcamp-page .navbar-custom {
        background: var(--card);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid rgba(148, 163, 184, .15);
    }

    .mt-bootcamp-page .navbar-brand {
        font-weight: 900;
        color: var(--dark) !important;
        letter-spacing: -.3px;
    }

  

    .mt-bootcamp-page .hero {
        position: relative;
        padding: 120px 0 80px;
        overflow: hidden;
    }

    .mt-bootcamp-page .hero:before {
        content: "";
        position: absolute;
        width: 520px;
        height: 520px;
        background: radial-gradient(circle, rgba(111, 66, 193, .18), transparent 60%);
        top: -150px;
        right: -120px;
        border-radius: 50%;
    }

    .mt-bootcamp-page .hero:after {
        content: "";
        position: absolute;
        width: 420px;
        height: 420px;
        background: radial-gradient(circle, rgba(245, 158, 11, .16), transparent 60%);
        bottom: -120px;
        left: -100px;
        border-radius: 50%;
    }

    .mt-bootcamp-page .hero-title {
        font-size: clamp(2rem, 5vw, 4.2rem);
        font-weight: 900;
        line-height: 1.2;
        color: var(--dark);
    }

    .mt-bootcamp-page .hero-title .highlight {
        background: linear-gradient(135deg, var(--primary), var(--secondary));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .mt-bootcamp-page .hero-text {
        font-size: 1.08rem;
        color: var(--muted);
        line-height: 2;
        max-width: 620px;
    }

    .mt-bootcamp-page .hero-stats {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        margin-top: 30px;
    }

    .mt-bootcamp-page .stat-box {
        background: var(--card);
        border: 1px solid var(--border);
        border-radius: 18px;
        padding: 18px;
        text-align: center;
        box-shadow: 0 8px 25px rgba(15, 23, 42, .05);
    }

    .mt-bootcamp-page .stat-box h4 {
        margin: 0;
        color: var(--dark);
        font-weight: 900;
    }

    .mt-bootcamp-page .stat-box p {
        margin: 6px 0 0;
        color: var(--muted);
        font-size: .95rem;
    }

    .mt-bootcamp-page .hero-card {
        padding: 24px;
        border-radius: 30px;
        position: relative;
    }

    .mt-bootcamp-page .mini-badge {
        position: absolute;
        background: var(--card);
        border: 1px solid rgba(148, 163, 184, .16);
        border-radius: 16px;
        padding: 12px 14px;
        font-size: .9rem;
        box-shadow: 0 12px 25px rgba(15, 23, 42, .08);
        font-weight: 700;
        color: var(--dark);
    }

    .mt-bootcamp-page .badge-1 {
        top: 14%;
        right: -25px
    }

    .mt-bootcamp-page .badge-2 {
        bottom: 16%;
        left: -20px
    }

    .mt-bootcamp-page .tech-pill {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 14px;
        border-radius: 999px;
        background: var(--card);
        border: 1px solid var(--border);
        margin: 6px;
        font-weight: 700;
        color: var(--dark);
        box-shadow: 0 6px 18px rgba(15, 23, 42, .05);
    }

    .mt-bootcamp-page .logo-strip {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 16px;
        margin-top: 28px;
    }

    .mt-bootcamp-page .logo-item {
        padding: 16px;
        border-radius: 18px;
        text-align: center;
        background: var(--mt-surface);
        border: 1px solid var(--border);
        color: var(--muted);
        font-weight: 800;
    }

    .mt-bootcamp-page .feature-card,
.mt-bootcamp-page .phase-card,
.mt-bootcamp-page .project-card,
.mt-bootcamp-page .testimonial-card,
.mt-bootcamp-page .faq-card,
.mt-bootcamp-page .pricing-card,
.mt-bootcamp-page .mentor-card {
        background: var(--card);
        border: 1px solid var(--border);
        border-radius: 24px;
        box-shadow: var(--shadow);
        transition: .35s ease;
    }

    .mt-bootcamp-page .feature-card:hover,
.mt-bootcamp-page .phase-card:hover,
.mt-bootcamp-page .project-card:hover,
.mt-bootcamp-page .testimonial-card:hover,
.mt-bootcamp-page .mentor-card:hover,
.mt-bootcamp-page .pricing-card:hover {
        transform: translateY(-8px);
        box-shadow: var(--shadow-hover);
    }

    .mt-bootcamp-page .icon-wrap {
        width: 64px;
        height: 64px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 18px;
        background: linear-gradient(135deg, rgba(111, 66, 193, .12), rgba(139, 92, 246, .18));
        color: var(--primary);
        font-size: 28px;
    }

    .mt-bootcamp-page .feature-card h5,
.mt-bootcamp-page .phase-card h5,
.mt-bootcamp-page .project-card h5,
.mt-bootcamp-page .mentor-card h5 {
        font-weight: 800;
        color: var(--dark);
    }

    .mt-bootcamp-page .feature-card p,
.mt-bootcamp-page .phase-card p,
.mt-bootcamp-page .project-card p,
.mt-bootcamp-page .testimonial-card p,
.mt-bootcamp-page .mentor-card p {
        color: var(--muted);
        line-height: 1.9;
    }

    .mt-bootcamp-page .phase-number {
        width: 44px;
        height: 44px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #6f42c1, #7041c0);
        color: #fff;
        font-weight: 800;
    }

    .mt-bootcamp-page .timeline {
        position: relative;
    }

    .mt-bootcamp-page .timeline:before {
        content: "";
        position: absolute;
        right: 22px;
        top: 0;
        bottom: 0;
        width: 2px;
        background: linear-gradient(var(--primary), rgba(111, 66, 193, .10));
    }

    .mt-bootcamp-page .timeline-item {
        position: relative;
        padding-right: 70px;
        margin-bottom: 28px;
    }

    .mt-bootcamp-page .timeline-dot {
        position: absolute;
        right: 8px;
        top: 6px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: linear-gradient(135deg, #6f42c1, #7041c0);
        box-shadow: 0 10px 24px rgba(111, 66, 193, .28);
    }

    .mt-bootcamp-page .project-tag {
        display: inline-block;
        padding: 8px 12px;
        border-radius: 999px;
        background: rgba(245, 158, 11, .12);
        color: var(--mt-bootcamp-warm);
        font-weight: 700;
        font-size: .85rem;
    }

    .mt-bootcamp-page .testimonial-card .stars {
        color: #f59e0b;
    }

    .mt-bootcamp-page .pricing-wrap {
        position: relative;
    }

    .mt-bootcamp-page .pricing-card {
        background: linear-gradient(180deg, var(--card), var(--mt-surface));
        overflow: hidden;
    }

    .mt-bootcamp-page .pricing-card:before {
        content: "";
        position: absolute;
        width: 220px;
        height: 220px;
        background: radial-gradient(circle, rgba(111, 66, 193, .12), transparent 65%);
        top: -90px;
        left: -80px;
        border-radius: 50%;
    }

    .mt-bootcamp-page .price {
        font-size: 3rem;
        font-weight: 900;
        color: var(--dark);
    }

    .mt-bootcamp-page .price small {
        font-size: 1rem;
        color: var(--muted);
        font-weight: 700;
    }

    .mt-bootcamp-page .check-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .mt-bootcamp-page .check-list li {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 14px;
        color: var(--text);
    }

    .mt-bootcamp-page .check-list i {
        color: var(--mt-success);
        margin-top: 3px;
    }

    .mt-bootcamp-page .form-box {
        background: linear-gradient(180deg, var(--card), var(--mt-surface));
        border: 1px solid var(--border);
        border-radius: 28px;
        box-shadow: var(--shadow);
        padding: 34px;
    }

    .mt-bootcamp-page .form-control {
        border-radius: 16px;
        padding: 14px 16px;
        border: 1px solid rgba(148, 163, 184, .25);
        box-shadow: none !important;
    }

    .mt-bootcamp-page .form-control:focus {
        border-color: rgba(111, 66, 193, .55);
        box-shadow: 0 0 0 .2rem rgba(111, 66, 193, .10) !important;
    }

    .mt-bootcamp-page .accordion-item {
        border: none;
        background: transparent;
        margin-bottom: 16px;
    }

    .mt-bootcamp-page .accordion-button {
        border-radius: 18px !important;
        box-shadow: none !important;
        background: var(--card);
        border: 1px solid var(--border);
        font-weight: 800;
        color: var(--dark);
        padding: 20px 22px;
    }

    .mt-bootcamp-page .accordion-button:not(.collapsed) {
        background: var(--mt-tint);
        color: var(--primary);
    }

    .mt-bootcamp-page .accordion-body {
        background: var(--card);
        border: 1px solid var(--border);
        border-top: none;
        border-radius: 0 0 18px 18px;
        color: var(--muted);
        line-height: 2;
    }

    .mt-bootcamp-page .footer {
        background: var(--dark);
        color: #cbd5e1;
    }

    .mt-bootcamp-page .footer a {
        color: #fff
    }

    .mt-bootcamp-page .floating-cta {
        position: fixed;
        left: 20px;
        bottom: 20px;
        z-index: 999;
        border-radius: 999px;
        box-shadow: 0 20px 50px rgba(111, 66, 193, .25);
    }

    .mt-bootcamp-page .mockup-screen {
        background: #0f172a;
        border-radius: 26px;
        padding: 18px;
        box-shadow: 0 30px 70px rgba(15, 23, 42, .20);
    }

    .mt-bootcamp-page .mockup-inner {
        background: linear-gradient(180deg, var(--card), var(--mt-surface));
        border-radius: 18px;
        overflow: hidden;
        min-height: 460px;
    }

    .mt-bootcamp-page .screen-top {
        background: var(--card);
        border-bottom: 1px solid rgba(148, 163, 184, .18);
        padding: 14px 18px;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .mt-bootcamp-page .dot {
        width: 10px;
        height: 10px;
        border-radius: 50%
    }

    .mt-bootcamp-page .dot.red {
        background: #ef4444
    }

    .mt-bootcamp-page .dot.yellow {
        background: #f59e0b
    }

    .mt-bootcamp-page .dot.green {
        background: #22c55e
    }

    .mt-bootcamp-page .code-box {
        background: #0b1220;
        color: #cbd5e1;
        border-radius: 18px;
        padding: 18px;
        font-size: .88rem;
        line-height: 1.8;
    }

    .mt-bootcamp-page .gradient-card {
        background: linear-gradient(135deg, #6f42c1, #8b5cf6);
        color: #fff;
        border-radius: 26px;
    }

    .mt-bootcamp-page .gradient-card p,
.mt-bootcamp-page .gradient-card li,
.mt-bootcamp-page .gradient-card .muted-white {
        color: rgba(255, 255, 255, .88) !important;
    }

    @media (max-width:991px) {
        .mt-bootcamp-page .hero {
            padding-top: 100px
        }

        .mt-bootcamp-page .hero-stats {
            grid-template-columns: 1fr
        }

        .mt-bootcamp-page .logo-strip {
            grid-template-columns: repeat(2, 1fr)
        }

        .mt-bootcamp-page .badge-1,
.mt-bootcamp-page .badge-2 {
            display: none
        }
        .mt-bootcamp-page .pricing-card:before{
        left:0;
        }
        .mt-bootcamp-page .hero:before{
        right:0;
           width:100%;
        }
        .mt-bootcamp-page .hero:after{
        left:0;
        width:100%;
        }
    }

    .mt-bootcamp-page .form-success-message {
        background: var(--mt-surface);
        color: var(--mt-success);
        padding: 15px;
        border-radius: 8px;
        margin-bottom: 20px;
        border: 1px solid var(--mt-success);
    }

:root[data-theme="dark"] .mt-bootcamp-page {
    --secondary: #c4b5fd;
    --mt-bootcamp-warm: #edbc75;
}
.mt-bootcamp-page .badge-soft, .mt-bootcamp-page .icon-wrap {
    background: var(--mt-tint);
    border-color: var(--mt-line);
}
.mt-bootcamp-page .text-muted { color: var(--mt-muted) !important; }
.mt-bootcamp-page .gradient-card .check-list i { color: #fff; }
.mt-bootcamp-page .form-control {
    background: var(--mt-surface); color: var(--mt-ink);
    border-color: var(--mt-line); caret-color: var(--mt-ink);
}
.mt-bootcamp-page .form-control:focus {
    background: var(--mt-surface); color: var(--mt-ink);
    border-color: var(--mt-primary); outline: 2px solid var(--mt-primary);
    outline-offset: 2px; box-shadow: none !important;
}
.mt-bootcamp-page .form-control::placeholder { color: var(--mt-muted); opacity: 1; }
.mt-bootcamp-page .form-control:user-invalid { border-color: var(--mt-danger); }
.mt-bootcamp-page input.form-control:-webkit-autofill {
    -webkit-text-fill-color: var(--mt-ink); caret-color: var(--mt-ink);
    box-shadow: 0 0 0 1000px var(--mt-surface) inset !important;
}
.mt-bootcamp-page textarea.form-control { resize: vertical; }
.mt-bootcamp-page .btn-outline-secondary {
    border-color: var(--mt-line); color: var(--mt-ink);
    background: var(--mt-panel);
}
.mt-bootcamp-page .btn-outline-secondary:hover {
    background: var(--mt-tint); color: var(--mt-primary);
    border-color: var(--mt-primary);
}
.mt-bootcamp-page .btn:focus-visible, .mt-bootcamp-page .accordion-button:focus-visible {
    outline: 2px solid var(--mt-primary); outline-offset: 3px;
}
.mt-bootcamp-page .accordion-button {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23697086'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    --bs-accordion-btn-active-icon: var(--bs-accordion-btn-icon);
}
[data-theme="dark"] .mt-bootcamp-page .accordion-button::after { filter: brightness(1.7); }
@keyframes mt-bootcamp-enter {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
    .mt-bootcamp-page [data-aos].aos-animate { animation: none; }
    .mt-bootcamp-page .feature-card:hover, .mt-bootcamp-page .phase-card:hover,
    .mt-bootcamp-page .project-card:hover, .mt-bootcamp-page .testimonial-card:hover,
    .mt-bootcamp-page .mentor-card:hover, .mt-bootcamp-page .pricing-card:hover,
    .mt-bootcamp-page .btn-main:hover, .mt-bootcamp-page .btn-outline-soft:hover { transform: none; }
}