/* =============================================
   CARTANTS - become-mentor.css
   Become a Mentor page
   ============================================= */

/* ════ HERO ══════════════════════════════════════
   Figma: padding 200px 100px, gap 64px
   bg: #2D335D dark navy
   ═══════════════════════════════════════════ */
.bm-hero {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 180px 100px 80px;
    gap: 48px;
    width: 100%;
    min-height: 900px;
    box-sizing: border-box;
    background: #2D335D;
    overflow: hidden;
}

/* Decorative gradient blobs */
.bm-hero__blob {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}
.bm-hero__blob--1 {
    width: 600px; height: 600px;
    background: radial-gradient(circle, rgba(118,97,180,0.35) 0%, transparent 70%);
    top: -100px; left: -100px;
    animation: blobFloat 14s ease-in-out infinite;
}
.bm-hero__blob--2 {
    width: 500px; height: 500px;
    background: radial-gradient(circle, rgba(13,35,172,0.25) 0%, transparent 70%);
    bottom: -100px; right: -100px;
    animation: blobFloat 14s ease-in-out infinite reverse;
}
@keyframes blobFloat {
    0%,100%{ transform:translateY(0) scale(1); }
    50%    { transform:translateY(-30px) scale(1.08); }
}

/* Content */
.bm-hero__content {
    position: relative; z-index: 1;
    display: flex; flex-direction: column;
    align-items: center; gap: 24px;
    width: 100%; max-width: 1241px;
    animation: cpFadeUp 0.7s cubic-bezier(0.16,1,0.3,1) 0.1s both;
}

/* ── 3 Feature pills ── */
.bm-hero__pills {
    display: flex; flex-direction: row;
    justify-content: center; align-items: center;
    gap: 24px;
}

.bm-pill {
    display: flex; flex-direction: row;
    align-items: center; justify-content: center;
    padding: 8px 16px; gap: 8px;
    background: rgba(0,0,0,0.004);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 32px;
    backdrop-filter: blur(8px);
}
.bm-pill img { width: 18px; height: 18px; object-fit: contain; filter: brightness(0) invert(1); opacity: 0.85; }
/* Figma: 20px → 13px Gradd2 gradient text */
.bm-pill span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; font-size: 13px;
    background: linear-gradient(107.49deg, #AED7EB 7.25%, #C598E3 51.3%, #92ADE6 73.32%, #888DE8 95.34%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* H1 — Figma: 61px → 44px */
.bm-hero__title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700; font-size: 44px;
    line-height: 54px; text-align: center;
    color: #EEEFF6; margin: 0;
}

/* Description — Figma: 20px → 15px */
.bm-hero__desc {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; font-size: 15px;
    line-height: 24px; text-align: center;
    color: #C9CDE4; margin: 0;
    max-width: 720px;
}

/* Buttons */
.bm-hero__btns {
    display: flex; flex-direction: row;
    justify-content: center; align-items: center;
    gap: 16px;
}
.bm-btn {
    display: flex; justify-content: center; align-items: center;
    padding: 13px 40px; height: 50px;
    min-width: 260px;
    border-radius: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600; font-size: 15px;
    text-decoration: none; transition: transform 0.15s, opacity 0.15s;
    box-sizing: border-box;
    white-space: nowrap;
}
.bm-btn:hover { transform: translateY(-1px); opacity: 0.92; }
/* Primary — gradient */
.bm-btn--primary {
    background: linear-gradient(107.49deg, #7661B4 7.25%, #0D23AC 95.34%);
    color: #ffffff !important;
}
.bm-btn--primary:hover { color: #ffffff !important; }
/* Outline — border #C9CDE4 */
.bm-btn--outline {
    background: transparent;
    border: 1px solid #C9CDE4;
    color: #ffffff !important;
}
.bm-btn--outline:hover { background: rgba(255,255,255,0.06); color: #ffffff !important; }


/* ── Stats box ── */
/* Figma: pastel gradient 14% + border #EEEFF6 radius 24 */
.bm-stats-box {
    position: relative; z-index: 1;
    display: flex; flex-direction: row;
    justify-content: center; align-items: center;
    padding: 24px; gap: 0;
    width: 100%; max-width: 1241px;
    background: linear-gradient(107.49deg,
        rgba(174,215,235,0.14) 7.25%,
        rgba(197,152,227,0.14) 51.3%,
        rgba(146,173,230,0.14) 73.32%,
        rgba(136,141,232,0.14) 95.34%
    );
    border: 2px solid #EEEFF6;
    border-radius: 24px;
    box-sizing: border-box;
}

.bm-stat {
    display: flex; flex-direction: column;
    align-items: flex-start;
    padding: 16px 32px; gap: 6px; flex: 1;
}
.bm-stat + .bm-stat { border-left: 1px solid rgba(238,239,246,0.2); }

/* Figma: 49px → 32px Gradd2 gradient */
.bm-stat__num {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700; font-size: 32px;
    line-height: 40px; display: block;
    background: linear-gradient(107.49deg, #AED7EB 7.25%, #C598E3 51.3%, #92ADE6 73.32%, #888DE8 95.34%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text;
}
/* Figma: 20px → 13px white */
.bm-stat__label {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; font-size: 13px;
    line-height: 18px; color: #ffffff; display: block;
}


/* ── Trusted by logos ── */
.bm-trusted {
    position: relative; z-index: 1;
    display: flex; flex-direction: column;
    align-items: center; gap: 20px;
    width: 100%;
}
/* Figma: 25px → 12px white */
.bm-trusted__label {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; font-size: 12px;
    line-height: 18px; letter-spacing: 1.5px;
    text-align: center; color: #ffffff; margin: 0;
    text-transform: uppercase; opacity: 0.8;
}
.bm-trusted__logos-wrap {
    width: 100%; overflow: hidden;
    mask-image: linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);
    -webkit-mask-image: linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);
}
.bm-trusted__logos {
    display: flex; align-items: center;
    gap: 72px; padding: 12px;
    width: max-content;
    animation: bmLogoScroll 24s linear infinite;
}
.bm-trusted__logos:hover { animation-play-state: paused; }

@keyframes bmLogoScroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}
.bm-trusted__item { display: flex; align-items: center; flex-shrink: 0; opacity: 0.75; transition: opacity 0.2s; }
.bm-trusted__item:hover { opacity: 1; }

/* ── Responsive ── */
@media(max-width:1280px){ .bm-hero { padding: 160px 60px 72px; } }
@media(max-width:1024px){
    .bm-hero { padding: 140px 40px 60px; min-height: auto; }
    .bm-hero__title { font-size: 34px; line-height: 44px; }
    .bm-stats-box { flex-wrap: wrap; }
    .bm-stat { min-width: calc(50% - 1px); }
}
@media(max-width:768px){
    .bm-hero { padding: 110px 24px 56px; gap: 32px; }
    .bm-hero__title { font-size: 26px; line-height: 34px; }
    .bm-hero__title br { display: none; }
    .bm-hero__pills { flex-wrap: wrap; gap: 10px; }
    .bm-hero__btns { flex-direction: column; width: 100%; }
    .bm-btn { max-width: 100%; }
    .bm-stats-box { flex-direction: column; gap: 0; }
    .bm-stat { width: 100%; border-left: none !important; border-top: 1px solid rgba(238,239,246,0.2); }
    .bm-stat:first-child { border-top: none; }
}


/* ════ SECTION 2 — DASHBOARD SHOWCASE ══════════
   Figma: padding 128px 100px, gap 32px
   bg: white screen + conic-gradient purple/lavender
   ═══════════════════════════════════════════ */
.bm-dashboard {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 100px;
    gap: 32px;
    width: 100%;
    box-sizing: border-box;
    background:
        linear-gradient(0deg, rgba(255,255,255,0.19), rgba(255,255,255,0.19)),
        conic-gradient(from 269.94deg at 72.78% 32%,
            #FFFFFF    0deg,
            #6070D7  122.88deg,
            #C598E3  240.58deg,
            #888DE8  360deg
        );
    background-blend-mode: screen, normal;
}

/* Header */
.bm-dashboard__header {
    display: flex; flex-direction: column;
    align-items: center; gap: 14px;
    text-align: center; width: 100%; max-width: 1240px;
}
/* Figma: 49px → 28px */
.bm-dashboard__title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700; font-size: 28px;
    line-height: 36px; color: #2D335D; margin: 0;
}
/* Figma: 25px → 15px */
.bm-dashboard__desc {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; font-size: 15px;
    line-height: 24px; color: #222747; margin: 0;
    max-width: 820px;
}

/* ── Feature tabs row ── */
.bm-dashboard__tabs {
    display: flex; flex-direction: row;
    justify-content: center; align-items: center;
    gap: 16px;
}

/* Single tab pill — Figma: frosted glass radius 32 */
.bm-dash-tab {
    display: flex; flex-direction: row;
    align-items: center; justify-content: center;
    padding: 8px 16px; gap: 8px;
    background: rgba(255,255,255,0.55);
    border: 1px solid rgba(118,97,180,0.2);
    border-radius: 32px;
    backdrop-filter: blur(8px);
    cursor: default;
    transition: background 0.15s, border-color 0.15s;
}
.bm-dash-tab:hover {
    background: rgba(255,255,255,0.8);
    border-color: rgba(118,97,180,0.45);
}
.bm-dash-tab img {
    width: 16px; height: 16px;
    object-fit: contain; flex-shrink: 0;
    opacity: 0.7;
}
/* Figma: 20px → 13px gradient text */
.bm-dash-tab span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500; font-size: 13px;
    background: linear-gradient(107.49deg, #7661B4 7.25%, #0D23AC 95.34%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ── Dashboard screenshot ── */
.bm-dashboard__img-wrap {
    width: 100%; max-width: 1241px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow:
        0 24px 60px rgba(13,35,172,0.15),
        0 4px 16px rgba(0,0,0,0.08);
    border: 1px solid rgba(255,255,255,0.6);
}
.bm-dashboard__img {
    width: 100%; height: auto;
    display: block;
    border-radius: 20px;
}

/* ── Responsive ── */
@media(max-width:1280px){ .bm-dashboard { padding: 64px 60px; } }
@media(max-width:1024px){ .bm-dashboard { padding: 56px 40px; } }
@media(max-width:768px){
    .bm-dashboard { padding: 48px 24px; gap: 24px; }
    .bm-dashboard__title { font-size: 22px; }
    .bm-dashboard__tabs { flex-wrap: wrap; gap: 10px; }
    .bm-dashboard__img-wrap { border-radius: 14px; }
}


/* ════ SECTION 3 — FEATURES 6-CARD GRID ════════
   Figma: padding 128px 100px, gap 32px, bg white
   3x2 card grid
   ═══════════════════════════════════════════ */
.bm-features {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 100px;
    gap: 40px;
    width: 100%;
    background: #ffffff;
    box-sizing: border-box;
}

/* Header */
.bm-features__header {
    display: flex; flex-direction: column;
    align-items: center; gap: 14px;
    text-align: center; width: 100%; max-width: 1240px;
}
/* Figma: 49px → 26px */
.bm-features__title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700; font-size: 26px;
    line-height: 34px; color: #3A4278; margin: 0;
}
/* Figma: 25px → 15px */
.bm-features__desc {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; font-size: 15px;
    line-height: 24px; color: #3A4278; margin: 0;
    max-width: 780px;
}

/* 3-col grid */
.bm-features__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100%;
    max-width: 1241px;
}

/* Single card — Figma: rgba(219,223,245,0.1) shadow radius 24 */
.bm-feat-card {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 28px 28px 32px;
    gap: 14px;
    background: rgba(219,223,245,0.1);
    box-shadow: 0 4px 25px rgba(30,34,59,0.1);
    border-radius: 20px;
    border: 1px solid rgba(201,205,228,0.3);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s;
}
.bm-feat-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 32px rgba(30,34,59,0.14);
    border-color: rgba(118,97,180,0.3);
}

/* Icon — Figma: 64x64 → 44x44 */
.bm-feat-card__icon {
    width: 44px; height: 44px;
    object-fit: contain; display: block;
    flex-shrink: 0;
}

/* Text block */
.bm-feat-card__text {
    display: flex; flex-direction: column; gap: 8px;
}

/* Figma: h5 → 14px semibold */
.bm-feat-card__title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600; font-size: 14px;
    line-height: 20px; color: #2D335D; margin: 0;
}

/* Figma: body → 12px */
.bm-feat-card__desc {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; font-size: 12px;
    line-height: 18px; color: #515DA9; margin: 0;
}

/* ── Responsive ── */
@media(max-width:1280px){ .bm-features { padding: 64px 60px; } }
@media(max-width:1024px){
    .bm-features { padding: 56px 40px; }
    .bm-features__grid { grid-template-columns: repeat(2, 1fr); }
}
@media(max-width:768px){
    .bm-features { padding: 48px 24px; }
    .bm-features__grid { grid-template-columns: 1fr; gap: 16px; }
    .bm-features__title { font-size: 22px; }
}


/* ════ SECTION 4 — 4 STEPS ══════════════════════
   Figma: padding 128px 100px, gap 24px
   bg: radial-gradient #7661B4 → #172262
   4 cards + arrows between them
   ═══════════════════════════════════════════ */
.bm-steps {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 80px 100px;
    gap: 40px;
    width: 100%;
    box-sizing: border-box;
    background: radial-gradient(124.41% 513.32% at -20.35% 183.17%,
        #7661B4 0%, #172262 100%
    );
}

/* Header */
.bm-steps__header {
    display: flex; flex-direction: column;
    align-items: center; gap: 14px;
    text-align: center; width: 100%; max-width: 1241px;
}
/* Figma: 49px → 26px white */
.bm-steps__title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700; font-size: 26px;
    line-height: 34px; color: #ffffff; margin: 0;
}
/* "Days" accent — pastel gradient */
.bm-steps__title-accent {
    background: linear-gradient(107.49deg, #AED7EB 7.25%, #C598E3 51.3%, #92ADE6 73.32%, #888DE8 95.34%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text;
}
/* Figma: 25px → 14px */
.bm-steps__desc {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; font-size: 14px;
    line-height: 22px; color: rgba(255,255,255,0.8); margin: 0;
    max-width: 800px;
}

/* Cards + arrows row */
.bm-steps__row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%; max-width: 1241px;
}

/* Arrow */
.bm-steps__arrow {
    width: 28px; height: 28px;
    object-fit: contain; flex-shrink: 0;
    opacity: 0.55;
    filter: brightness(0) invert(1);
}

/* Single step card — Figma: rgba(45,51,93,0.4) radius 16 */
.bm-step-card {
    box-sizing: border-box;
    display: flex; flex-direction: column;
    align-items: flex-start;
    padding: 22px; gap: 16px;
    flex: 1;
    min-height: 300px;
    background: rgba(45,51,93,0.4);
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: background 0.2s, transform 0.2s;
}
.bm-step-card:hover {
    background: rgba(45,51,93,0.6);
    transform: translateY(-3px);
}

/* Number badge — Figma: 56x56 gradient radius 32 */
.bm-step-card__num-wrap {
    width: 44px; height: 44px;
    border-radius: 22px;
    background: linear-gradient(107.49deg, #7661B4 7.25%, #0D23AC 95.34%);
    box-shadow: 0 4px 4px rgba(0,0,0,0.19), inset 0 4px 10px rgba(255,255,255,0.2);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
/* Figma: h4 → 16px */
.bm-step-card__num {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700; font-size: 16px;
    color: #ffffff; text-align: center;
}

/* Figma: 25px → 15px */
.bm-step-card__title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600; font-size: 15px;
    line-height: 22px; color: #ffffff; margin: 0;
}

/* Figma: 20px → 12px */
.bm-step-card__desc {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; font-size: 12px;
    line-height: 18px; color: rgba(255,255,255,0.8); margin: 0;
}

/* ── Responsive ── */
@media(max-width:1280px){ .bm-steps { padding: 64px 60px; } }
@media(max-width:1024px){ .bm-steps { padding: 56px 40px; } }
@media(max-width:768px){
    .bm-steps { padding: 48px 24px; }
    .bm-steps__row { flex-direction: column; gap: 16px; }
    .bm-steps__arrow { transform: rotate(90deg); width: 22px; height: 22px; }
    .bm-step-card { width: 100%; min-height: auto; }
    .bm-steps__title { font-size: 22px; }
}


/* ════ SECTION 5 — TESTIMONIALS ════════════════
   Figma: padding 128px 100px, gap 32px, bg white
   ═══════════════════════════════════════════ */
.bm-testi {
    display: flex; flex-direction: column;
    align-items: center;
    padding: 80px 100px; gap: 32px;
    width: 100%; background: #F3F4FE;
    box-sizing: border-box;
}

.bm-testi__header {
    display: flex; flex-direction: column;
    align-items: center; gap: 12px;
    text-align: center; width: 100%; max-width: 1241px;
}
/* Figma: 49px → 28px */
.bm-testi__title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700; font-size: 28px;
    line-height: 36px; color: #2D335D; margin: 0;
}
/* Figma: 25px → 15px */
.bm-testi__desc {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; font-size: 15px;
    line-height: 22px; color: #2D335D; margin: 0;
    max-width: 900px;
}

/* Scroller */
.bm-testi__scroller-wrap {
    position: relative; width: 100%; max-width: 1241px;
    display: flex; align-items: center; gap: 16px;
}
.bm-testi__track-outer {
    flex: 1; overflow: hidden;
    mask-image: linear-gradient(to right,transparent 0%,black 4%,black 96%,transparent 100%);
    -webkit-mask-image: linear-gradient(to right,transparent 0%,black 4%,black 96%,transparent 100%);
}
.bm-testi__track {
    display: flex; gap: 24px;
    transition: transform 0.4s cubic-bezier(0.16,1,0.3,1);
    will-change: transform; padding: 8px 2px;
}

/* Arrow buttons */
.bm-arrow {
    width: 44px; height: 44px; border-radius: 50%;
    background: #ffffff; border: 1.5px solid #EEEFF6;
    box-shadow: 0 4px 12px rgba(13,35,172,0.09);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; flex-shrink: 0;
    transition: background 0.15s, opacity 0.2s;
}
.bm-arrow:hover { background: #F8F9FF; }

/* Dots */
.bm-testi__dots {
    display: flex; gap: 8px;
    align-items: center; justify-content: center;
}
.bm-dot {
    width: 8px; height: 8px; border-radius: 50%;
    background: #C9CDE4; border: none; cursor: pointer;
    transition: all 0.2s ease; padding: 0;
}
.bm-dot.is-active {
    background: linear-gradient(107.49deg,#7661B4 7.25%,#0D23AC 95.34%);
    width: 22px; border-radius: 4px;
}

/* Testimonial card — standalone */
.bm-tcard {
    box-sizing: border-box;
    display: flex; flex-direction: column;
    padding: 20px; gap: 14px;
    min-width: calc(33.333% - 16px);
    max-width: calc(33.333% - 16px);
    background: #ffffff;
    border: 1px solid #EEEFF6;
    border-radius: 20px;
    box-shadow: 0 2px 16px rgba(13,35,172,0.05);
    flex-shrink: 0;
    transition: transform 0.2s, box-shadow 0.2s;
}
.bm-tcard:hover { transform: translateY(-3px); box-shadow: 0 8px 28px rgba(13,35,172,0.10); }
.bm-tcard__top { display: flex; flex-direction: row; align-items: flex-start; gap: 12px; width: 100%; }
.bm-tcard__avatar { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: #B2ADD2; }
.bm-tcard__avatar img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 50%; }
.bm-tcard__avatar-ph {
    width: 44px; height: 44px; border-radius: 50%;
    background: linear-gradient(135deg,#7661B4,#0D23AC);
    display: flex; align-items: center; justify-content: center;
    font-family: 'Montserrat',sans-serif; font-weight: 700; font-size: 18px; color: #fff;
}
.bm-tcard__body { display: flex; flex-direction: column; gap: 10px; flex: 1; }
.bm-tcard__feedback { font-family: 'Montserrat',sans-serif; font-size: 13px; line-height: 20px; color: #141414; margin: 0; }
.bm-tcard__meta { display: flex; flex-direction: column; gap: 2px; }
.bm-tcard__name { font-family: 'Montserrat',sans-serif; font-weight: 600; font-size: 12px; color: #7661B4; display: block; }
.bm-tcard__role { font-family: 'Montserrat',sans-serif; font-size: 11px; color: #8A92C5; display: block; }
.bm-tcard__stars { display: flex; gap: 3px; margin-top: 4px; }

/* Responsive */
@media(max-width:1280px){ .bm-testi { padding: 64px 60px; } }
@media(max-width:1024px){
    .bm-testi { padding: 56px 40px; }
    .bm-tcard { min-width: calc(50% - 12px); max-width: calc(50% - 12px); }
}
@media(max-width:768px){
    .bm-testi { padding: 40px 24px; }
    .bm-tcard { min-width: calc(100% - 4px); max-width: calc(100% - 4px); }
}


/* ════ SECTION 6 — FAQ ══════════════════════════
   bg: white, 2-col grid accordion
   ═══════════════════════════════════════════ */
.bm-faq {
    display: flex; flex-direction: column;
    justify-content: center; align-items: center;
    padding: 64px 100px; gap: 32px;
    width: 100%; background: #ffffff;
    box-sizing: border-box;
}
.bm-faq__header { text-align: center; width: 100%; }
.bm-faq__title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700; font-size: 28px;
    line-height: 36px; color: #2D335D; margin: 0 0 10px;
}
.bm-faq__desc {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500; font-size: 15px;
    line-height: 22px; color: #2D335D; margin: 0;
}
.bm-faq__grid {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 16px; width: 100%; max-width: 1241px;
    align-items: start;
}
.bm-faq__item {
    background: #ffffff; border: 1px solid #EEEFF6;
    border-radius: 16px; overflow: hidden;
    align-self: start;
    filter: drop-shadow(0px 4px 4px rgba(0,0,0,0.06));
    transition: border-color 0.15s;
}
.bm-faq__item.is-open { border-color: rgba(118,97,180,0.3); }
.bm-faq__question {
    display: flex; justify-content: space-between;
    align-items: center; padding: 18px 20px; gap: 12px;
    width: 100%; background: transparent; border: none;
    cursor: pointer; text-align: left; transition: background 0.15s;
    box-sizing: border-box;
}
.bm-faq__question:hover { background: rgba(118,97,180,0.03); }
.bm-faq__q-text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500; font-size: 13px;
    line-height: 20px; color: #2D335D; flex: 1;
}
.bm-faq__item.is-open .bm-faq__q-text {
    background: linear-gradient(107.49deg,#7661B4 7.25%,#0D23AC 95.34%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.bm-faq__icon { width: 20px; height: 20px; object-fit: contain; flex-shrink: 0; opacity: 0.7; }
.bm-faq__answer {
    max-height: 0; overflow: hidden; opacity: 0;
    transition: max-height 0.35s ease, opacity 0.3s ease;
}
.bm-faq__item.is-open .bm-faq__answer { max-height: 600px; opacity: 1; }
.bm-faq__answer p {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px; line-height: 20px;
    color: #6B7280; margin: 0; padding: 0 20px 16px;
}


/* ════ SECTION 7 — CONTACT ══════════════════════ */
.bm-contact {
    display: flex; flex-direction: row;
    justify-content: space-between; align-items: center;
    padding: 64px 100px; gap: 60px;
    width: 100%; box-sizing: border-box;
    background: radial-gradient(168.45% 168.45% at 51.89% 3.51%,
        rgba(254,254,254,0.59) 12.98%, rgba(81,89,173,0.59) 100%
    );
}
.bm-contact__text { flex: 1; }
.bm-contact__title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500; font-size: 20px;
    line-height: 30px; color: #3A4278; margin: 0;
}
.bm-contact__form-wrap { width: 100%; max-width: 540px; flex-shrink: 0; }
.bm-contact__form-wrap form { display: flex; flex-direction: column; gap: 14px; }
.bm-contact__success {
    padding: 10px 14px; background: rgba(22,163,74,0.08);
    border: 1px solid rgba(22,163,74,0.2); border-radius: 12px;
    font-family: 'Montserrat',sans-serif; font-size: 13px; color: #15803D;
}
.bm-contact__loggedin {
    font-family: 'Montserrat',sans-serif; font-size: 12px; color: #3A4278;
    padding: 8px 12px; background: rgba(255,255,255,0.6);
    border: 1px solid #DCDCE2; border-radius: 12px;
}
.bm-contact__input {
    width: 100%; height: 42px; padding: 10px 12px;
    background: rgba(249,249,252,0.5); border: 1px solid #DCDCE2;
    border-radius: 14px; font-family: 'Montserrat',sans-serif;
    font-size: 13px; color: #222747; outline: none;
    box-sizing: border-box; transition: border-color 0.15s;
}
.bm-contact__input:focus { border-color: #7661B4; background: rgba(255,255,255,0.85); }
.bm-contact__input::placeholder { color: #AFB4D7; }
.bm-contact__textarea { height: 90px; resize: none; }
.bm-contact__btn {
    width: 100%; height: 48px; background: #4A559A;
    border: none; border-radius: 24px;
    font-family: 'Montserrat',sans-serif; font-weight: 600;
    font-size: 14px; color: #fff; cursor: pointer;
    transition: background 0.15s, transform 0.15s;
}
.bm-contact__btn:hover { background: #3A4278; transform: translateY(-1px); }

/* Responsive */
@media(max-width:1280px){ .bm-faq,.bm-contact { padding: 56px 60px; } }
@media(max-width:1024px){ .bm-faq,.bm-contact { padding: 48px 40px; } }
@media(max-width:768px){
    .bm-faq { padding: 40px 24px; }
    .bm-faq__grid { grid-template-columns: 1fr; }
    .bm-contact { flex-direction: column; padding: 40px 24px; gap: 28px; }
    .bm-contact__form-wrap { max-width: 100%; width: 100%; }
}


/* ════ SECTION 7 — JOIN CTA ═════════════════════
   Figma: padding 128px 100px, gap 32px
   bg: pastel gradient + #E1E2F0
   ═══════════════════════════════════════════ */
.bm-join-cta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 64px 100px;
    gap: 32px;
    width: 100%;
    box-sizing: border-box;
    background:
        linear-gradient(107.49deg,
            rgba(174,215,235,0.4)  7.25%,
            rgba(197,152,227,0.4) 51.3%,
            rgba(146,173,230,0.4) 73.32%,
            rgba(136,141,232,0.4) 95.34%
        ),
        #E1E2F0;
}

/* Glass box — Figma: rgba(0,0,0,0.004) radius 32 */
.bm-join-cta__box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 28px 32px;
    gap: 24px;
    width: 100%;
    max-width: 1241px;
    background: rgba(255,255,255,0.45);
    border: 1px solid rgba(255,255,255,0.7);
    border-radius: 24px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 4px 24px rgba(118,97,180,0.1);
    box-sizing: border-box;
}

/* Text block */
.bm-join-cta__text {
    display: flex; flex-direction: column; gap: 10px; width: 100%;
}
/* Figma: 49px → 24px */
.bm-join-cta__title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700; font-size: 24px;
    line-height: 32px; color: #2D335D; margin: 0;
}
/* Figma: 25px → 14px */
.bm-join-cta__desc {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; font-size: 14px;
    line-height: 22px; color: #3A4278; margin: 0;
    max-width: 760px;
}

/* Button — Figma: full width, gradient, radius 24 */
.bm-join-cta__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 52px;
    background: linear-gradient(107.49deg, #7661B4 7.25%, #0D23AC 95.34%);
    border-radius: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600; font-size: 15px;
    color: #ffffff !important;
    text-decoration: none;
    letter-spacing: 0.01em;
    transition: opacity 0.15s, transform 0.15s;
}
.bm-join-cta__btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
    color: #ffffff !important;
}

/* Responsive */
@media(max-width:1280px){ .bm-join-cta { padding: 56px 60px; } }
@media(max-width:1024px){ .bm-join-cta { padding: 48px 40px; } }
@media(max-width:768px){
    .bm-join-cta { padding: 40px 24px; }
    .bm-join-cta__title { font-size: 20px; }
}