.bso-support-page {
        position: relative !important;
        overflow: hidden !important;
        background: #f8fbff !important;
    }

    .bso-support-hero {
        position: relative !important;
        padding: 86px 0 72px !important;
        background:
            radial-gradient(760px 360px at 10% 4%, rgba(20, 92, 255, .13), transparent 62%),
            radial-gradient(680px 340px at 92% 8%, rgba(255, 235, 55, .18), transparent 58%),
            linear-gradient(180deg, #f8fbff 0%, #eef5fb 100%) !important;
        overflow: hidden !important;
    }

    .bso-support-hero::before,
    .bso-section-grid::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        background-image:
            linear-gradient(rgba(13, 51, 113, .045) 1px, transparent 1px),
            linear-gradient(90deg, rgba(13, 51, 113, .045) 1px, transparent 1px) !important;
        background-size: 46px 46px !important;
        pointer-events: none !important;
        mask-image: linear-gradient(180deg, rgba(0,0,0,.72), transparent 82%) !important;
    }

    .bso-hero-shell {
        position: relative !important;
        padding: 38px !important;
        border-radius: 34px !important;
        background: rgba(255,255,255,.82) !important;
        border: 1px solid rgba(13, 51, 113, .10) !important;
        box-shadow: 0 28px 80px rgba(13, 51, 113, .10) !important;
        backdrop-filter: blur(12px) !important;
    }

    .bso-kicker {
        display: inline-flex !important;
        align-items: center !important;
        gap: 9px !important;
        padding: 8px 14px !important;
        margin-bottom: 16px !important;
        border-radius: 999px !important;
        background: rgba(13, 51, 113, .08) !important;
        color: #0d3371 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
    }

    .bso-kicker-dot {
        width: 9px !important;
        height: 9px !important;
        border-radius: 50% !important;
        background: #15b8a6 !important;
        box-shadow: 0 0 0 5px rgba(21, 184, 166, .14) !important;
        flex: 0 0 auto !important;
    }

    .bso-hero-title {
        color: #111653 !important;
        font-size: clamp(34px, 4.4vw, 58px) !important;
        line-height: 1.04 !important;
        letter-spacing: -.045em !important;
        margin-bottom: 18px !important;
        font-weight: 750 !important;
    }

    .bso-hero-desc {
        color: #3f4772 !important;
        font-size: 17px !important;
        line-height: 1.75 !important;
        max-width: 780px !important;
        margin-bottom: 28px !important;
    }

    .bso-btn-primary,
    .bso-btn-secondary,
    .bso-card-link,
    .bso-cta-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-decoration: none !important;
        transition: all .22s ease !important;
    }

    .bso-btn-primary {
        min-height: 54px !important;
        padding: 0 28px !important;
        border-radius: 16px !important;
        background: linear-gradient(135deg, #0d3371, #081f4b) !important;
        color: #ffeb37 !important;
        border: 1px solid rgba(255,255,255,.18) !important;
        box-shadow: 0 18px 34px rgba(13, 51, 113, .24) !important;
        font-weight: 750 !important;
    }

    .bso-btn-primary:hover {
        color: #ffeb37 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 22px 44px rgba(13, 51, 113, .30) !important;
    }

    .bso-btn-secondary {
        min-height: 54px !important;
        padding: 0 24px !important;
        border-radius: 16px !important;
        background: #ffffff !important;
        color: #145cff !important;
        border: 1px solid rgba(20, 92, 255, .28) !important;
        box-shadow: 0 14px 30px rgba(15, 23, 42, .06) !important;
        font-weight: 700 !important;
    }

    .bso-btn-secondary:hover {
        color: #ffffff !important;
        background: #145cff !important;
        transform: translateY(-2px) !important;
    }

    .bso-hero-panel {
        position: relative !important;
        padding: 26px !important;
        border-radius: 28px !important;
        background:
            radial-gradient(360px 190px at 86% 0%, rgba(255, 235, 55, .24), transparent 64%),
            linear-gradient(145deg, #0d3371, #081f4b) !important;
        color: #ffffff !important;
        box-shadow: 0 24px 60px rgba(13, 51, 113, .20) !important;
        overflow: hidden !important;
    }

    .bso-hero-panel::after {
        content: "" !important;
        position: absolute !important;
        width: 190px !important;
        height: 190px !important;
        right: -78px !important;
        bottom: -88px !important;
        border-radius: 50% !important;
        background: rgba(255, 235, 55, .15) !important;
    }

    .bso-panel-title {
        position: relative !important;
        color: #ffeb37 !important;
        font-size: 18px !important;
        line-height: 1.35 !important;
        font-weight: 700 !important;
        margin-bottom: 12px !important;
    }

    .bso-panel-text {
        position: relative !important;
        color: rgba(255,255,255,.80) !important;
        font-size: 15px !important;
        line-height: 1.72 !important;
        margin-bottom: 18px !important;
    }

    .bso-panel-list {
        position: relative !important;
        display: grid !important;
        gap: 10px !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }

    .bso-panel-list li {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        color: rgba(255,255,255,.86) !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    .bso-panel-list li::before {
        content: "" !important;
        width: 8px !important;
        height: 8px !important;
        border-radius: 50% !important;
        background: #15b8a6 !important;
        box-shadow: 0 0 0 5px rgba(21, 184, 166, .12) !important;
        flex: 0 0 auto !important;
    }

    .bso-breadcrumb {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 9px !important;
        padding: 0 !important;
        margin: 24px 0 0 !important;
        list-style: none !important;
        color: #53607d !important;
        font-size: 14px !important;
    }

    .bso-breadcrumb a {
        color: #145cff !important;
        text-decoration: none !important;
        font-weight: 650 !important;
    }

    .bso-breadcrumb a:hover {
        text-decoration: underline !important;
    }

    .bso-section {
        position: relative !important;
        padding: 76px 0 !important;
        background: #ffffff !important;
    }

    .bso-section-grid {
        position: relative !important;
        padding: 78px 0 !important;
        background:
            radial-gradient(720px 340px at 10% 0%, rgba(20, 92, 255, .10), transparent 62%),
            radial-gradient(640px 320px at 92% 10%, rgba(255, 235, 55, .14), transparent 56%),
            linear-gradient(180deg, #f8fbff 0%, #eef5fb 100%) !important;
        overflow: hidden !important;
    }

    .bso-section-head {
        position: relative !important;
        max-width: 850px !important;
        margin: 0 auto 38px !important;
        text-align: center !important;
    }

    .bso-section-title {
        color: #111653 !important;
        font-size: clamp(30px, 3.4vw, 46px) !important;
        line-height: 1.1 !important;
        letter-spacing: -.035em !important;
        margin-bottom: 13px !important;
        font-weight: 720 !important;
    }

    .bso-section-desc {
        color: #3f4772 !important;
        font-size: 16px !important;
        line-height: 1.75 !important;
        margin-bottom: 0 !important;
    }

    .bso-resource-card {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        min-height: 290px !important;
        padding: 26px !important;
        border-radius: 28px !important;
        background: rgba(255,255,255,.90) !important;
        border: 1px solid rgba(13, 51, 113, .10) !important;
        box-shadow: 0 18px 50px rgba(13, 51, 113, .075) !important;
        text-decoration: none !important;
        overflow: hidden !important;
        transition: all .22s ease !important;
    }

    .bso-resource-card::before {
        content: "" !important;
        position: absolute !important;
        width: 170px !important;
        height: 170px !important;
        right: -80px !important;
        top: -88px !important;
        border-radius: 50% !important;
        background: rgba(20, 92, 255, .08) !important;
    }

    .bso-resource-card:hover {
        transform: translateY(-5px) !important;
        box-shadow: 0 28px 72px rgba(13, 51, 113, .13) !important;
        border-color: rgba(20, 92, 255, .22) !important;
    }

    .bso-resource-card:hover .bso-card-link {
        background: #145cff !important;
        color: #ffffff !important;
        border-color: #145cff !important;
    }

    .bso-resource-icon {
        position: relative !important;
        width: 58px !important;
        height: 58px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 20px !important;
        background: linear-gradient(135deg, #0d3371, #081f4b) !important;
        color: #ffeb37 !important;
        box-shadow: 0 16px 30px rgba(13, 51, 113, .20) !important;
        margin-bottom: 20px !important;
    }

    .bso-resource-icon svg {
        width: 27px !important;
        height: 27px !important;
        fill: currentColor !important;
    }

    .bso-card-title {
        position: relative !important;
        color: #111653 !important;
        font-size: 22px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
        margin-bottom: 5px !important;
    }

    .bso-card-subtitle {
        position: relative !important;
        color: #145cff !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        margin-bottom: 12px !important;
    }

    .bso-card-text {
        position: relative !important;
        color: #4c5579 !important;
        font-size: 15px !important;
        line-height: 1.72 !important;
        margin-bottom: 20px !important;
    }

    .bso-card-link {
        position: relative !important;
        width: fit-content !important;
        min-height: 42px !important;
        padding: 0 17px !important;
        margin-top: auto !important;
        border-radius: 13px !important;
        background: #ffffff !important;
        color: #145cff !important;
        border: 1px solid rgba(20, 92, 255, .28) !important;
        font-size: 14px !important;
        font-weight: 700 !important;
    }

    .bso-info-card {
        height: 100% !important;
        padding: 25px !important;
        border-radius: 26px !important;
        background: #ffffff !important;
        border: 1px solid rgba(13, 51, 113, .10) !important;
        box-shadow: 0 18px 48px rgba(13, 51, 113, .07) !important;
    }

    .bso-info-number {
        width: 42px !important;
        height: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 15px !important;
        background: rgba(13, 51, 113, .08) !important;
        color: #0d3371 !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        margin-bottom: 16px !important;
    }

    .bso-info-card h3 {
        color: #111653 !important;
        font-size: 20px !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
        margin-bottom: 10px !important;
    }

    .bso-info-card p {
        color: #4c5579 !important;
        font-size: 15px !important;
        line-height: 1.72 !important;
        margin-bottom: 0 !important;
    }

    .bso-topic-card {
        height: 100% !important;
        padding: 24px !important;
        border-radius: 24px !important;
        background: rgba(255,255,255,.86) !important;
        border: 1px solid rgba(13, 51, 113, .10) !important;
        box-shadow: 0 16px 44px rgba(13, 51, 113, .065) !important;
        transition: all .22s ease !important;
    }

    .bso-topic-card:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0 24px 62px rgba(13, 51, 113, .11) !important;
    }

    .bso-topic-card h3 {
        color: #111653 !important;
        font-size: 19px !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
        margin-bottom: 9px !important;
    }

    .bso-topic-card p {
        color: #4c5579 !important;
        font-size: 15px !important;
        line-height: 1.68 !important;
        margin-bottom: 14px !important;
    }

    .bso-topic-card a {
        color: #145cff !important;
        text-decoration: none !important;
        font-size: 14px !important;
        font-weight: 700 !important;
    }

    .bso-topic-card a:hover {
        text-decoration: underline !important;
    }

    .bso-faq-card {
        height: 100% !important;
        padding: 26px !important;
        border-radius: 26px !important;
        background: #ffffff !important;
        border: 1px solid rgba(13, 51, 113, .10) !important;
        box-shadow: 0 18px 48px rgba(13, 51, 113, .07) !important;
    }

    .bso-faq-card h3 {
        color: #111653 !important;
        font-size: 19px !important;
        line-height: 1.35 !important;
        font-weight: 700 !important;
        margin-bottom: 10px !important;
    }

    .bso-faq-card p {
        color: #4c5579 !important;
        font-size: 15px !important;
        line-height: 1.75 !important;
        margin-bottom: 0 !important;
    }

    .bso-faq-card a {
        color: #145cff !important;
        text-decoration: none !important;
        font-weight: 700 !important;
    }

    .bso-faq-card a:hover {
        text-decoration: underline !important;
    }

    .bso-cta {
        position: relative !important;
        padding: 34px !important;
        border-radius: 30px !important;
        background:
            radial-gradient(460px 230px at 94% 0%, rgba(255, 235, 55, .20), transparent 62%),
            linear-gradient(135deg, #0d3371, #081f4b) !important;
        color: #ffffff !important;
        box-shadow: 0 26px 76px rgba(13, 51, 113, .18) !important;
        overflow: hidden !important;
    }

    .bso-cta h2 {
        position: relative !important;
        color: #ffffff !important;
        font-size: clamp(26px, 3vw, 38px) !important;
        line-height: 1.14 !important;
        letter-spacing: -.03em !important;
        font-weight: 720 !important;
        margin-bottom: 10px !important;
    }

    .bso-cta p {
        position: relative !important;
        color: rgba(255,255,255,.80) !important;
        font-size: 16px !important;
        line-height: 1.7 !important;
        margin-bottom: 0 !important;
    }

    .bso-cta-btn {
        position: relative !important;
        min-height: 48px !important;
        padding: 0 22px !important;
        border-radius: 15px !important;
        background: #ffeb37 !important;
        color: #0d3371 !important;
        font-weight: 750 !important;
    }

    .bso-cta-btn:hover {
        color: #0d3371 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 16px 32px rgba(0,0,0,.16) !important;
    }

    @media (max-width: 991px) {
        .bso-support-hero,
        .bso-section,
        .bso-section-grid {
            padding: 56px 0 !important;
        }

        .bso-hero-shell,
        .bso-cta {
            padding: 24px !important;
            border-radius: 26px !important;
        }

        .bso-hero-panel {
            margin-top: 14px !important;
        }
    }

    @media (max-width: 575px) {
        .bso-support-hero,
        .bso-section,
        .bso-section-grid {
            padding: 44px 0 !important;
        }

        .bso-hero-shell,
        .bso-cta {
            padding: 18px !important;
            border-radius: 24px !important;
        }

        .bso-hero-title {
            font-size: 34px !important;
        }

        .bso-btn-primary,
        .bso-btn-secondary,
        .bso-cta-btn {
            width: 100% !important;
        }

        .bso-resource-card,
        .bso-info-card,
        .bso-topic-card,
        .bso-faq-card {
            border-radius: 22px !important;
            padding: 22px !important;
        }
    }