.text-card {
    position: relative;
    overflow: hidden;
    padding: 30px 32px;
    background:
        radial-gradient(circle at 100% 0%, rgba(118,44,255,.11), transparent 35%),
        #090b12;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(0,0,0,.25);
}

.text-card-title {
    position: relative;
    margin: 0 0 18px;
    padding-left: 17px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 850;
    line-height: 1.22;
    letter-spacing: -.4px;
}

.text-card-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 4px;
    border-radius: 10px;
    background: linear-gradient(180deg,#b36cff,#762cff);
    box-shadow: 0 0 16px rgba(118,44,255,.35);
}

h2.text-card-title { font-size: 27px; }
h3.text-card-title { font-size: 23px; }
h4.text-card-title { font-size: 19px; }

.text-card-content {
    margin: 0;
    color: #969eaf;
    font-size: 15px;
    line-height: 1.8;
}

.text-card-content strong,
.text-card-content b {
    color: #eeeeF2;
}

.text-card-content a {
    color: #b276ff !important;
}

@media (max-width:575.98px) {
    .text-card {
        padding: 20px 18px;
        border-radius: 14px;
    }

    h2.text-card-title { font-size: 22px; }
    h3.text-card-title { font-size: 20px; }
    h4.text-card-title { font-size: 18px; }

    .text-card-content {
        font-size: 14px;
        line-height: 1.7;
    }
}

.table-content-card {
    position: relative;
    overflow: hidden;
    padding: 30px;
    background:
        radial-gradient(circle at 100% 0%,rgba(118,44,255,.11),transparent 35%),
        #090b12;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(0,0,0,.25);
}

.table-content-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 30px;
    width: 72px;
    height: 3px;
    background: linear-gradient(90deg,#762cff,#b36cff);
    border-radius: 0 0 8px 8px;
}

.table-content-title {
    margin: 0 0 14px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 850;
    line-height: 1.22;
    letter-spacing: -.4px;
}

h2.table-content-title { font-size: 27px; }
h3.table-content-title { font-size: 23px; }
h4.table-content-title { font-size: 19px; }

.table-content-title:empty,
.table-content-description:empty {
    display: none;
}

.table-content-description {
    margin: 0 0 22px;
    color: #969eaf;
    font-size: 15px;
    line-height: 1.75;
    white-space: pre-line;
}

.table-content-wrapper .table-responsive {
    margin: 0 !important;
    overflow: auto;
    background: #070910;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 13px;
}

.table-content-wrapper table {
    width: 100%;
    margin: 0 !important;
    border: 0 !important;
}

.table-content-wrapper thead th {
    padding: 15px 17px;
    color: #e9defa !important;
    background: rgba(118,44,255,.11) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(118,44,255,.22) !important;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.table-content-wrapper tbody td {
    padding: 15px 17px;
    color: #9da5b5 !important;
    background: #090c13 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.045) !important;
    font-size: 13.5px;
}

.table-content-wrapper tbody tr:nth-child(even) td {
    background: #0c0f17 !important;
}

.table-content-wrapper tbody tr:hover td {
    background: rgba(118,44,255,.06) !important;
    color: #fff !important;
}

.table-content-wrapper tbody tr:last-child td {
    border-bottom: 0 !important;
}

@media (max-width:767.98px) {
    .table-content-wrapper table {
        min-width: 580px;
    }
}

@media (max-width:575.98px) {
    .table-content-card {
        padding: 20px 18px;
        border-radius: 14px;
    }

    h2.table-content-title { font-size: 22px; }
    h3.table-content-title { font-size: 20px; }
    h4.table-content-title { font-size: 18px; }

    .table-content-description {
        font-size: 14px;
    }
}

.list-block-card {
    position: relative;
    overflow: hidden;
    padding: 30px;
    background:
        radial-gradient(circle at 100% 100%,rgba(118,44,255,.10),transparent 36%),
        #090b12;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(0,0,0,.25);
}

.list-card-title {
    position: relative;
    margin: 0 0 14px;
    padding-left: 16px;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-weight: 850;
    line-height: 1.22;
}

.list-card-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 4px;
    border-radius: 8px;
    background: linear-gradient(180deg,#b36cff,#762cff);
}

h2.list-card-title { font-size: 27px; }
h3.list-card-title { font-size: 23px; }
h4.list-card-title { font-size: 19px; }

.list-card-title:empty,
.list-card-description:empty {
    display: none;
}

.list-card-description {
    margin: 0 0 20px;
    padding-bottom: 18px;
    color: #969eaf;
    border-bottom: 1px solid rgba(255,255,255,.055);
    font-size: 15px;
    line-height: 1.75;
    white-space: pre-line;
}

.list-card-items .list-group {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 9px;
    margin: 0 !important;
}

.list-card-items .list-group-item {
    display: flex;
    gap: 11px;
    align-items: center;
    margin: 0;
    padding: 14px !important;
    color: #e2e3e8 !important;
    background: rgba(255,255,255,.018) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 10px !important;
    font-size: 14px;
    font-weight: 600;
}

.list-card-items .list-group-item:hover {
    background: rgba(118,44,255,.06) !important;
    border-color: rgba(118,44,255,.27) !important;
}

.list-card-items .list-group-item i {
    color: #ad6cff !important;
}

@media (max-width:767.98px) {
    .list-card-items .list-group {
        grid-template-columns: 1fr;
    }
}

@media (max-width:575.98px) {
    .list-block-card {
        padding: 20px 18px;
        border-radius: 14px;
    }

    h2.list-card-title { font-size: 22px; }
    h3.list-card-title { font-size: 20px; }
    h4.list-card-title { font-size: 18px; }
}

.numbered-block-card {
    position: relative;
    overflow: hidden;
    padding: 30px;
    background:
        linear-gradient(145deg,rgba(118,44,255,.07),transparent 38%),
        #090b12;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(0,0,0,.25);
}

.numbered-card-title {
    margin: 0 0 14px;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-weight: 850;
}

h2.numbered-card-title { font-size: 27px; }
h3.numbered-card-title { font-size: 23px; }
h4.numbered-card-title { font-size: 19px; }

.numbered-card-title:empty,
.numbered-card-description:empty {
    display: none;
}

.numbered-card-description {
    margin: 0;
    color: #969eaf;
    font-size: 15px;
    line-height: 1.75;
    white-space: pre-line;
}

.numbered-card-list .custom-numbered-list {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
    margin: 22px 0 0 !important;
    padding: 0;
    list-style: none;
}

.numbered-card-list .numbered-list-item {
    position: relative;
    min-height: 58px;
    margin: 0 !important;
    padding: 14px 17px !important;
    color: #e1e2e7;
    background: rgba(255,255,255,.018);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 11px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
}

.numbered-card-list .numbered-list-item:hover {
    background: rgba(118,44,255,.06);
    border-color: rgba(118,44,255,.28);
}

.numbered-block-card .numbered-list-item::before {
    content: none !important;
    display: none !important;
}

.numbered-block-card .numbered-list-item {
    padding-left: 17px !important;
    counter-increment: none !important;
}

@media (max-width:767.98px) {
    .numbered-card-list .custom-numbered-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width:575.98px) {
    .numbered-block-card {
        padding: 20px 18px;
        border-radius: 14px;
    }

    h2.numbered-card-title { font-size: 22px; }
    h3.numbered-card-title { font-size: 20px; }
    h4.numbered-card-title { font-size: 18px; }
}

.banner-block-card {
    position: relative;
    overflow: hidden;
    padding: 28px;
    background:
        radial-gradient(circle at 50% 0%,rgba(118,44,255,.13),transparent 38%),
        #090b12;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0,0,0,.27);
    text-align: center;
}

.banner-card-title {
    margin: 0 0 22px;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-weight: 850;
    line-height: 1.2;
}

h2.banner-card-title { font-size: 29px; }
h3.banner-card-title { font-size: 24px; }
h4.banner-card-title { font-size: 20px; }

.banner-card-title:empty,
.banner-card-description:empty {
    display: none;
}

.banner-media-wrapper {
    position: relative;
    max-width: 100%;
    margin: 0 auto 22px;
    overflow: hidden;
    background: #06080e;
    border: 1px solid rgba(118,44,255,.23);
    border-radius: 15px;
    box-shadow: 0 16px 38px rgba(0,0,0,.37);
    transition: .2s ease;
}

.banner-media-wrapper[style*="cursor: pointer"]:hover {
    transform: translateY(-3px);
    border-color: rgba(166,101,255,.48);
}

.banner-media-wrapper a {
    display: block;
}

.banner-media-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.banner-card-description {
    max-width: 820px;
    margin: 0 auto;
    color: #969eaf;
    font-size: 15px;
    line-height: 1.8;
    white-space: pre-line;
}

.banner-card-description a {
    color: #b276ff !important;
}

.banner-button-wrapper {
    margin-top: 23px;
}

.banner-card-button {
    display: inline-flex;
    min-height: 48px;
    padding: 13px 24px;
    gap: 10px;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    background: linear-gradient(135deg,#7c31f4,#6120c9);
    border: 1px solid rgba(175,109,255,.35);
    border-radius: 10px;
    box-shadow: 0 9px 24px rgba(118,44,255,.28);
    font-size: 14px;
    font-weight: 800;
    text-decoration: none !important;
}

.banner-card-button:hover {
    background: linear-gradient(135deg,#8c45ff,#6d29dd);
    transform: translateY(-2px);
}

@media (max-width:575.98px) {
    .banner-block-card {
        padding: 20px 18px;
        border-radius: 14px;
    }

    .banner-card-button {
        width: 100%;
    }
}

.split-left-card {
    position: relative;
    overflow: hidden;
    padding: 28px;
    background:
        radial-gradient(circle at 0% 50%,rgba(118,44,255,.10),transparent 34%),
        #090b12;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 20px;
    box-shadow: 0 18px 46px rgba(0,0,0,.25);
}

.split-left-image-link {
    display: block;
    overflow: hidden;
    background: #06080e;
    border: 1px solid rgba(118,44,255,.24);
    border-radius: 16px;
    box-shadow: 0 16px 36px rgba(0,0,0,.35);
    transition: .2s ease;
}

.split-left-image-link[href=""] {
    cursor: default;
    pointer-events: none;
}

.split-left-image-link:hover {
    transform: translateY(-3px);
    border-color: rgba(173,108,255,.48);
}

.split-left-image {
    display: block;
    width: 100%;
    max-height: 380px;
    object-fit: cover;
    transition: transform .35s ease;
}

.split-left-image-link:hover .split-left-image {
    transform: scale(1.025);
}

.split-left-content {
    padding: 5px 4px 5px 10px;
}

.split-left-title {
    position: relative;
    margin: 0 0 17px;
    padding-top: 15px;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-size: 27px;
    font-weight: 850;
    line-height: 1.2;
}

.split-left-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 42px;
    height: 3px;
    border-radius: 10px;
    background: linear-gradient(90deg,#762cff,#b36cff);
}

.split-left-title:empty,
.split-left-description:empty {
    display: none;
}

.split-left-description {
    color: #969eaf;
    font-size: 15px;
    line-height: 1.8;
    white-space: pre-line;
}

.split-left-description a {
    color: #b276ff !important;
}

@media (max-width:767.98px) {
    .split-left-card {
        padding: 23px;
    }

    .split-left-content {
        padding: 5px 0 0;
    }
}

@media (max-width:575.98px) {
    .split-left-card {
        padding: 20px 18px;
        border-radius: 14px;
    }

    .split-left-title {
        font-size: 21px;
    }
}

.split-right-card {
    position: relative;
    overflow: hidden;
    padding: 30px;
    background:
        radial-gradient(circle at 100% 50%,rgba(118,44,255,.12),transparent 34%),
        #090b12;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 20px;
    box-shadow: 0 18px 46px rgba(0,0,0,.25);
}

.split-right-content {
    padding: 4px 10px 4px 4px;
}

.split-right-title {
    position: relative;
    margin: 0 0 17px;
    padding-left: 16px;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-size: 27px;
    font-weight: 850;
    line-height: 1.2;
}

.split-right-title::before {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 0;
    width: 4px;
    border-radius: 8px;
    background: linear-gradient(180deg,#b36cff,#762cff);
}

.split-right-title:empty,
.split-right-description:empty {
    display: none;
}

.split-right-description {
    color: #969eaf;
    font-size: 15px;
    line-height: 1.8;
    white-space: pre-line;
}

.split-right-description a {
    color: #b276ff !important;
}

.split-right-image-link {
    display: block;
    overflow: hidden;
    background: #06080e;
    border: 1px solid rgba(118,44,255,.25);
    border-radius: 16px;
    box-shadow:
        0 18px 38px rgba(0,0,0,.36),
        9px 9px 0 rgba(118,44,255,.035);
    transition: .2s ease;
}

.split-right-image-link[href=""],
.split-right-image-link[href="#"] {
    cursor: default;
    pointer-events: none;
}

.split-right-image-link:hover {
    transform: translateY(-3px);
    border-color: rgba(173,108,255,.48);
}

.split-right-image {
    display: block;
    width: 100%;
    max-height: 380px;
    object-fit: cover;
}

@media (max-width:767.98px) {
    .split-right-card {
        padding: 23px;
    }

    .split-right-content {
        padding: 0;
    }
}

@media (max-width:575.98px) {
    .split-right-card {
        padding: 20px 18px;
        border-radius: 14px;
    }

    .split-right-title {
        font-size: 21px;
    }
}

.casinos-list-card {
    position: relative;
    overflow: hidden;
    padding: 30px;
    background:
        radial-gradient(circle at 100% 0%,rgba(118,44,255,.12),transparent 35%),
        #090b12;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 20px;
    box-shadow: 0 18px 46px rgba(0,0,0,.25);
}

.casinos-list-heading {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.casinos-list-icon {
    display: inline-flex;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    align-items: center;
    justify-content: center;
    color: #bd87ff;
    background: rgba(118,44,255,.11);
    border: 1px solid rgba(118,44,255,.27);
    border-radius: 12px;
}

.casinos-list-title {
    margin: 0;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-size: 25px;
    font-weight: 850;
}

.casinos-list-description {
    margin: 7px 0 0;
    color: #969eaf;
    font-size: 15px;
    line-height: 1.75;
    white-space: pre-line;
}

.casinos-list-title:empty,
.casinos-list-description:empty {
    display: none;
}

.casinos-list-content .casino-widget-wrapper {
    margin: 22px 0 0 !important;
    gap: 15px;
}

.casinos-list-content .casino-brand-card {
    background: #0b0e16 !important;
    border-color: rgba(255,255,255,.065) !important;
    box-shadow: none !important;
}

.casinos-list-content .casino-brand-card:hover {
    border-color: rgba(118,44,255,.32) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.30) !important;
}

.casinos-list-content .rank-badge-desktop {
    color: #fff !important;
    background: #762cff !important;
}

.casinos-list-content .play-button {
    color: #fff !important;
    background: #762cff !important;
    border-color: #762cff !important;
}

.casinos-list-content .play-button:hover {
    background: #8b45f7 !important;
    border-color: #8b45f7 !important;
}

@media (max-width:575.98px) {
    .casinos-list-card {
        padding: 20px 18px;
        border-radius: 14px;
    }

    .casinos-list-title {
        font-size: 20px;
    }
}

.page-block-shell-first:has(.bog-content-hero),
.content-block-wrapper:has(.bog-content-hero) {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.page-block-shell-first:has(.bog-content-hero) > .d-flex:first-child {
    display: none !important;
}


/* HERO */

.bog-content-hero {
    position: relative;
    isolation: isolate;

    min-height: 440px;

    display: flex;
    align-items: center;

    overflow: hidden;

    padding: clamp(32px, 4.5vw, 54px);

    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(118, 44, 255, 0.18),
            transparent 30%
        ),
        radial-gradient(
            circle at 12% 95%,
            rgba(118, 44, 255, 0.07),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #090b12 0%,
            #070910 55%,
            #0b0812 100%
        );

    border: 1px solid rgba(118, 44, 255, 0.22);
    border-radius: 24px;

    box-shadow:
        0 28px 70px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);
}


/* GRID TEXTURE */

.bog-content-hero::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: -1;

    pointer-events: none;

    opacity: 0.14;

    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.025) 1px,
            transparent 1px
        );

    background-size: 44px 44px;
}


/* TOP PURPLE LINE */

.bog-content-hero::after {
    content: "";

    position: absolute;

    top: 0;
    left: 7%;

    width: 160px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #762cff,
            #b06cff,
            transparent
        );

    box-shadow:
        0 0 18px rgba(118, 44, 255, 0.45);
}


/* LAYOUT */

.bog-content-hero-grid {
    position: relative;
    z-index: 2;

    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(240px, 320px);

    align-items: center;

    gap: clamp(32px, 5vw, 60px);
}

.bog-content-hero-grid:has(
    .bog-content-hero-visual[data-image=""]
) {
    grid-template-columns: 1fr;
}


/* COPY */

.bog-content-hero-copy {
    min-width: 0;
}


/* BADGE */

.bog-content-hero-badge {
    width: fit-content;

    margin-bottom: 21px;

    padding: 8px 14px;

    color: #c69aff;

    background:
        rgba(118, 44, 255, 0.09);

    border:
        1px solid rgba(166, 107, 255, 0.30);

    border-radius: 999px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04);

    font-size: 10px;

    font-weight: 850;

    line-height: 1;

    letter-spacing: 1.1px;

    text-transform: uppercase;
}

.bog-content-hero-badge[data-text=""] {
    display: none;
}


/* TITLE */

.bog-content-hero-title {
    margin: 0 0 22px;

    max-width: 800px;

    color: #f8f8fb;

    font-family: "Montserrat", sans-serif;

    font-size: clamp(40px, 5vw, 62px);

    font-weight: 900;

    line-height: 1.02;

    letter-spacing: -2px;
}

.bog-content-hero-title-line {
    display: block;
}

.bog-content-hero-accent {
    width: fit-content;

    max-width: 100%;

    color: #9d59ff;

    background:
        linear-gradient(
            90deg,
            #7b31ed 0%,
            #b876ff 100%
        );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;

    overflow-wrap: anywhere;

    filter:
        drop-shadow(
            0 0 22px rgba(118, 44, 255, 0.13)
        );
}


/* DESCRIPTION */

.bog-content-hero-description {
    max-width: 590px;

    margin: 0 0 29px;

    color: #969eaf;

    font-size: 16px;

    line-height: 1.72;

    white-space: pre-line;
}

.bog-content-hero-description:empty {
    display: none;
}


/* BUTTONS */

.bog-content-hero-actions {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 11px;
}

.bog-content-hero-button {
    min-height: 51px;

    padding: 0 22px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    border-radius: 11px;

    font-size: 14px;

    font-weight: 800;

    line-height: 1;

    text-decoration: none !important;

    transition:
        transform 0.18s ease,
        background 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease;
}

.bog-content-hero-button[data-text=""],
.bog-content-hero-button[data-url=""] {
    display: none;
}


/* PRIMARY */

.bog-content-hero-primary {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #7d31f5,
            #6020c8
        );

    border:
        1px solid rgba(178, 115, 255, 0.38);

    box-shadow:
        0 10px 27px rgba(118, 44, 255, 0.28);
}

.bog-content-hero-primary:hover {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #8e47ff,
            #6c28dc
        );

    transform: translateY(-2px);

    box-shadow:
        0 14px 34px rgba(118, 44, 255, 0.38);
}

.bog-content-hero-primary i {
    font-size: 12px;

    transition:
        transform 0.18s ease;
}

.bog-content-hero-primary:hover i {
    transform:
        translateX(3px);
}


/* SECONDARY */

.bog-content-hero-secondary {
    color: #e6e7ec !important;

    background:
        rgba(255, 255, 255, 0.025);

    border:
        1px solid rgba(255, 255, 255, 0.10);
}

.bog-content-hero-secondary:hover {
    color: #ffffff !important;

    background:
        rgba(118, 44, 255, 0.07);

    border-color:
        rgba(177, 111, 255, 0.35);

    transform:
        translateY(-2px);
}


/* VISUAL */

.bog-content-hero-visual {
    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;
}

.bog-content-hero-visual[data-image=""] {
    display: none;
}


/* IMAGE CARD */

.bog-content-logo-card {
    position: relative;

    width: min(100%, 300px);

    aspect-ratio: 1;

    padding: 10px;

    border-radius: 34px;

    background:
        linear-gradient(
            145deg,
            rgba(179, 108, 255, 0.72),
            rgba(118, 44, 255, 0.10) 45%,
            rgba(255, 255, 255, 0.08)
        );

    box-shadow:
        0 30px 60px rgba(0, 0, 0, 0.44),
        0 0 55px rgba(118, 44, 255, 0.14);

    transform:
        rotate(2deg);
}


/* OUTER FRAME */

.bog-content-logo-card::before {
    content: "";

    position: absolute;

    inset: -11px;

    z-index: -1;

    border:
        1px solid rgba(166, 107, 255, 0.16);

    border-radius: 43px;

    transform:
        rotate(-1deg);
}


/* INNER */

.bog-content-logo-inner {
    width: 100%;
    height: 100%;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 23px;

    border-radius: 26px;

    background:
        radial-gradient(
            circle at 35% 20%,
            #ffffff 0%,
            #f7f3ff 48%,
            #ded4f8 100%
        );

    border:
        1px solid rgba(255, 255, 255, 0.78);
}


/* IMAGE */

.bog-content-logo-image {
    width: 78%;

    max-height: 78%;

    object-fit: contain;

    transform:
        rotate(-2deg);

    filter:
        drop-shadow(
            0 12px 22px rgba(57, 24, 102, 0.17)
        );
}


/* GLOWS */

.bog-content-hero-glow {
    position: absolute;

    z-index: -1;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(75px);
}

.bog-content-hero-glow-one {
    top: -110px;
    right: -90px;

    width: 280px;
    height: 280px;

    background:
        rgba(118, 44, 255, 0.17);
}

.bog-content-hero-glow-two {
    bottom: -160px;
    left: -110px;

    width: 310px;
    height: 310px;

    background:
        rgba(90, 40, 155, 0.09);
}


/* TABLET */

@media (max-width: 1199.98px) {

    .bog-content-hero-grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(210px, 245px);

        gap: 30px;
    }

    .bog-content-logo-card {
        width: 235px;
    }

    .bog-content-hero-title {
        font-size: 46px;
    }
}


/* MOBILE / TABLET */

@media (max-width: 991.98px) {

    .bog-content-hero-grid {
        grid-template-columns: 1fr;
    }

    .bog-content-hero-copy {
        text-align: center;
    }

    .bog-content-hero-badge {
        margin-right: auto;
        margin-left: auto;
    }

    .bog-content-hero-title {
        margin-right: auto;
        margin-left: auto;
    }

    .bog-content-hero-description {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 27px;
    }

    .bog-content-hero-actions {
        justify-content: center;
    }

    .bog-content-logo-card {
        width: 220px;
    }
}


/* PHONE */

@media (max-width: 575.98px) {

    .bog-content-hero {
        min-height: auto;

        padding: 28px 20px;

        border-radius: 17px;
    }

    .bog-content-hero-grid {
        gap: 31px;
    }

    .bog-content-hero-badge {
        margin-bottom: 17px;
    }

    .bog-content-hero-title {
        font-size: 36px;

        line-height: 1.06;

        letter-spacing: -1.3px;

        margin-bottom: 18px;
    }

    .bog-content-hero-description {
        font-size: 14px;

        line-height: 1.65;
    }

    .bog-content-hero-actions {
        flex-direction: column;

        width: 100%;
    }

    .bog-content-hero-button {
        width: 100%;
    }

    .bog-content-logo-card {
        width: 190px;

        border-radius: 27px;
    }

    .bog-content-logo-inner {
        padding: 18px;

        border-radius: 20px;
    }
}

.accordion-block-card {
    position: relative;
    overflow: hidden;
    padding: 30px;
    background:
        radial-gradient(circle at 100% 0%,rgba(118,44,255,.10),transparent 38%),
        #090b12;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
}

.accordion-main-title {
    margin: 0 0 14px;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-size: 27px;
    font-weight: 850;
}

.accordion-main-title:empty,
.accordion-main-description:empty {
    display: none;
}

.accordion-main-description {
    margin: 0 0 22px;
    color: #969eaf;
    font-size: 15px;
    line-height: 1.75;
    white-space: pre-line;
}

.accordion-target .accordion {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.accordion-target .accordion-item-custom {
    overflow: hidden;
    background: rgba(255,255,255,.018) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 11px !important;
}

.accordion-target .accordion-item-custom:has(.accordion-btn-custom:not(.collapsed)) {
    background: rgba(118,44,255,.055) !important;
    border-color: rgba(118,44,255,.27) !important;
}

.accordion-target .accordion-btn-custom {
    display: flex;
    width: 100%;
    min-height: 58px;
    padding: 16px 17px !important;
    align-items: center;
    justify-content: space-between;
    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

.accordion-target .accordion-btn-custom:not(.collapsed) {
    color: #bf8cff !important;
}

.accordion-target .accordion-btn-custom::after {
    display: grid;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    margin-left: 15px;
    place-items: center;
    color: #b477ff;
    background: rgba(118,44,255,.09) !important;
    border: 1px solid rgba(118,44,255,.20);
    border-radius: 8px;
    content: "+";
    font-size: 19px;
    transform: none !important;
}

.accordion-target .accordion-btn-custom:not(.collapsed)::after {
    color: #fff;
    background: #762cff !important;
    content: "−";
}

.accordion-target .accordion-body-custom {
    padding: 0 18px 18px !important;
}

.accordion-target .accordion-desc-custom {
    margin: 0 0 14px;
    padding-top: 15px;
    color: #9ca4b5;
    border-top: 1px solid rgba(255,255,255,.055);
    font-size: 14px;
    line-height: 1.7;
}

.accordion-target .accordion-list-custom {
    display: flex;
    margin: 0;
    padding: 0;
    flex-direction: column;
    gap: 8px;
    list-style: none;
}

.accordion-target .accordion-list-custom li {
    position: relative;
    padding: 8px 10px 8px 32px;
    color: #dedfe5;
    background: rgba(255,255,255,.018);
    border-radius: 8px;
}

.accordion-target .accordion-list-custom li::before {
    position: absolute;
    top: 9px;
    left: 11px;
    color: #ad6cff;
    content: "✓";
}

@media (max-width:575.98px) {
    .accordion-block-card {
        padding: 20px 18px;
    }

    .accordion-main-title {
        font-size: 22px;
    }
}

.subsections-block-card {
    position: relative;
    overflow: hidden;
    padding: 30px;
    background:
        radial-gradient(circle at 100% 0%,rgba(118,44,255,.10),transparent 38%),
        #090b12;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
}

.subsections-main-title {
    position: relative;
    margin: 0 0 14px;
    padding-left: 16px;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-size: 27px;
    font-weight: 850;
}

.subsections-main-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 4px;
    border-radius: 8px;
    background: linear-gradient(180deg,#b36cff,#762cff);
}

.subsections-main-title:empty,
.subsections-main-description:empty {
    display: none;
}

.subsections-main-description {
    margin: 0 0 23px;
    color: #969eaf;
    font-size: 15px;
    line-height: 1.75;
    white-space: pre-line;
}

.subsections-list {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 11px;
    counter-reset: subsection-counter;
}

.subsection-item {
    position: relative;
    min-width: 0;
    padding: 20px 18px 19px 56px;
    background: rgba(255,255,255,.018);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 12px;
    counter-increment: subsection-counter;
}

.subsection-item:hover {
    background: rgba(118,44,255,.055);
    border-color: rgba(118,44,255,.27);
}

.subsection-item::before {
    position: absolute;
    top: 18px;
    left: 16px;
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    color: #bc87ff;
    background: rgba(118,44,255,.10);
    border: 1px solid rgba(118,44,255,.23);
    border-radius: 8px;
    content: counter(subsection-counter, decimal-leading-zero);
    font-size: 10px;
    font-weight: 800;
}

.subsection-item:only-child {
    grid-column: 1 / -1;
}

.subsection-item-title {
    margin: 0 0 8px;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-size: 17px;
    font-weight: 800;
}

.subsection-item-description {
    margin: 0;
    color: #969eaf;
    font-size: 14px;
    line-height: 1.7;
    white-space: pre-line;
}

@media (max-width:767.98px) {
    .subsections-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width:575.98px) {
    .subsections-block-card {
        padding: 20px 18px;
    }

    .subsections-main-title {
        font-size: 22px;
    }
}

.pros-cons-card {
    position: relative;
    overflow: hidden;
    padding: 30px;
    background:
        radial-gradient(circle at 50% 0%,rgba(118,44,255,.09),transparent 35%),
        #090b12;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
}

.pros-cons-title {
    position: relative;
    margin: 0 0 14px;
    padding-left: 16px;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-size: 27px;
    font-weight: 850;
}

.pros-cons-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 4px;
    background: linear-gradient(180deg,#b36cff,#762cff);
    border-radius: 8px;
}

.pros-cons-title:empty,
.pros-cons-description:empty {
    display: none;
}

.pros-cons-description {
    margin: 0 0 23px;
    color: #969eaf;
    font-size: 15px;
    line-height: 1.75;
    white-space: pre-line;
}

.pros-cons-column {
    height: 100%;
    padding: 20px;
    background: rgba(255,255,255,.018);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 12px;
}

.pros-column {
    background: linear-gradient(145deg,rgba(64,210,165,.05),rgba(255,255,255,.015));
}

.cons-column {
    background: linear-gradient(145deg,rgba(239,68,88,.05),rgba(255,255,255,.015));
}

.pros-cons-column-heading {
    display: flex;
    gap: 11px;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255,255,255,.055);
}

.pros-cons-column-heading h3 {
    margin: 0;
    color: #fff;
    font-size: 16px;
}

.pros-cons-column-icon {
    display: inline-flex;
    width: 31px;
    height: 31px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.pros-column .pros-cons-column-icon {
    color: #65dfba;
    background: rgba(65,210,165,.09);
}

.cons-column .pros-cons-column-icon {
    color: #ff788c;
    background: rgba(239,68,88,.09);
}

.pros-cons-list .list-group-item {
    position: relative !important;
    display: block !important;
    padding: 10px 0 10px 28px !important;
    color: #e0e1e6 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.045) !important;
}

.pros-cons-list .list-group-item i {
    display: none !important;
}

.pros-column .list-group-item::before,
.cons-column .list-group-item::before {
    position: absolute;
    top: 10px;
    left: 2px;
    display: grid;
    width: 18px;
    height: 18px;
    place-items: center;
    border-radius: 5px;
}

.pros-column .list-group-item::before {
    color: #07120e;
    background: #65dfba;
    content: "✓";
}

.cons-column .list-group-item::before {
    color: #fff;
    background: #ef4458;
    content: "×";
}

@media (max-width:575.98px) {
    .pros-cons-card {
        padding: 20px 18px;
    }

    .pros-cons-title {
        font-size: 22px;
    }
}

.image-steps-card {
    position: relative;
    overflow: hidden;

    padding: 30px;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(118, 44, 255, 0.12),
            transparent 34%
        ),
        radial-gradient(
            circle at 0% 100%,
            rgba(118, 44, 255, 0.055),
            transparent 30%
        ),
        #090b12;

    border: 1px solid rgba(255, 255, 255, 0.07);

    border-radius: 18px;

    box-shadow:
        0 18px 48px rgba(0, 0, 0, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.image-steps-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 30px;

    width: 78px;
    height: 3px;

    background:
        linear-gradient(
            90deg,
            #762cff,
            #b36cff
        );

    border-radius: 0 0 8px 8px;

    box-shadow:
        0 0 16px rgba(118, 44, 255, 0.32);
}


/* TITLE */

.image-steps-title {
    position: relative;

    margin: 0 0 13px;

    color: #ffffff;

    font-family: "Montserrat", sans-serif;

    font-size: 27px;

    font-weight: 850;

    line-height: 1.22;

    letter-spacing: -0.4px;
}

.image-steps-title:empty,
.image-steps-description:empty {
    display: none;
}


/* DESCRIPTION */

.image-steps-description {
    max-width: 900px;

    margin: 0 0 24px;

    color: #969eaf;

    font-size: 15px;

    line-height: 1.75;

    white-space: pre-line;
}


/* LIST */

.image-steps-list {
    display: flex;

    flex-direction: column;

    gap: 9px;
}


/* ITEM */

.image-step-item {
    position: relative;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.022),
            rgba(118, 44, 255, 0.025)
        );

    border:
        1px solid rgba(255, 255, 255, 0.065);

    border-radius: 12px;

    transition:
        background 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease;
}

.image-step-item:hover {
    border-color:
        rgba(118, 44, 255, 0.20);
}

.image-step-item[open] {
    background:
        linear-gradient(
            145deg,
            rgba(118, 44, 255, 0.075),
            rgba(255, 255, 255, 0.018)
        );

    border-color:
        rgba(118, 44, 255, 0.30);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025);
}


/* SUMMARY */

.image-step-item summary {
    display: grid;

    min-height: 64px;

    padding: 13px 15px;

    grid-template-columns:
        auto
        minmax(0, 1fr)
        auto;

    gap: 13px;

    align-items: center;

    color: #ffffff;

    cursor: pointer;

    list-style: none;
}

.image-step-item summary::-webkit-details-marker {
    display: none;
}


/* NUMBER */

.image-step-number {
    display: grid;

    width: 36px;
    height: 36px;

    place-items: center;

    color: #c79aff;

    background:
        rgba(118, 44, 255, 0.09);

    border:
        1px solid rgba(118, 44, 255, 0.24);

    border-radius: 10px;

    font-size: 11px;

    font-weight: 850;

    letter-spacing: 0.4px;

    transition:
        color 0.18s ease,
        background 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease;
}

.image-step-item[open] .image-step-number {
    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #8b42fa,
            #6420d3
        );

    border-color:
        rgba(188, 132, 255, 0.45);

    box-shadow:
        0 6px 18px rgba(118, 44, 255, 0.23);
}


/* STEP NAME */

.image-step-name {
    min-width: 0;

    color: #ededf2;

    font-size: 15px;

    font-weight: 800;

    line-height: 1.45;
}

.image-step-item[open] .image-step-name {
    color: #ffffff;
}


/* ARROW */

.image-step-item summary > i {
    display: grid;

    width: 29px;
    height: 29px;

    place-items: center;

    color: #a96cff;

    background:
        rgba(118, 44, 255, 0.07);

    border:
        1px solid rgba(118, 44, 255, 0.17);

    border-radius: 8px;

    font-size: 11px;

    transition:
        transform 0.2s ease,
        color 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease;
}

.image-step-item[open] summary > i {
    color: #ffffff;

    background: #762cff;

    border-color: #762cff;

    transform: rotate(180deg);
}


/* BODY */

.image-step-body {
    padding:
        0
        16px
        17px
        64px;
}


/* STEP TEXT */

.image-step-text {
    margin: 0;

    padding-top: 15px;

    color: #9ba3b4;

    border-top:
        1px solid rgba(255, 255, 255, 0.055);

    font-size: 14px;

    line-height: 1.75;

    white-space: pre-line;
}

.image-step-text:empty {
    display: none;
}


/* IMAGE */

.image-step-media {
    position: relative;

    margin-top: 16px;

    overflow: hidden;

    background: #06080e;

    border:
        1px solid rgba(118, 44, 255, 0.20);

    border-radius: 13px;

    box-shadow:
        0 15px 34px rgba(0, 0, 0, 0.28);
}

.image-step-media::after {
    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    border-radius: inherit;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.image-step-media img {
    display: block;

    width: 100%;

    max-height: 460px;

    object-fit: contain;

    background: #070910;
}

.image-step-media img[src="/"],
.image-step-media img[src=""] {
    display: none;
}


/* MOBILE */

@media (max-width: 575.98px) {

    .image-steps-card {
        padding: 20px 18px;

        border-radius: 14px;
    }

    .image-steps-card::before {
        left: 18px;

        width: 58px;
    }

    .image-steps-title {
        font-size: 22px;
    }

    .image-steps-description {
        margin-bottom: 20px;

        font-size: 14px;

        line-height: 1.7;
    }

    .image-step-item {
        border-radius: 10px;
    }

    .image-step-item summary {
        min-height: 57px;

        padding: 11px 12px;

        gap: 10px;
    }

    .image-step-number {
        width: 31px;
        height: 31px;

        border-radius: 8px;

        font-size: 10px;
    }

    .image-step-name {
        font-size: 14px;
    }

    .image-step-item summary > i {
        width: 27px;
        height: 27px;
    }

    .image-step-body {
        padding:
            0
            12px
            14px;
    }

    .image-step-text {
        padding-top: 14px;

        font-size: 13.5px;
    }

    .image-step-media {
        margin-top: 13px;

        border-radius: 10px;
    }

    .image-step-media img {
        max-height: 300px;
    }
}

.faq-block-card {
    position: relative;
    overflow: hidden;
    padding: 30px;
    background:
        radial-gradient(circle at 100% 0%,rgba(118,44,255,.10),transparent 36%),
        #090b12;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
}

.faq-main-title {
    position: relative;
    margin: 0 0 14px;
    padding-left: 16px;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-weight: 850;
}

.faq-main-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 4px;
    background: linear-gradient(180deg,#b36cff,#762cff);
    border-radius: 8px;
}

h2.faq-main-title { font-size: 27px; }
h3.faq-main-title { font-size: 23px; }
h4.faq-main-title { font-size: 19px; }

.faq-main-title:empty,
.faq-main-description:empty {
    display: none;
}

.faq-main-description {
    margin: 0 0 23px;
    color: #969eaf;
    font-size: 15px;
    line-height: 1.75;
    white-space: pre-line;
}

.faq-list {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.faq-item {
    overflow: hidden;
    background: rgba(255,255,255,.018);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 11px;
}

.faq-item[open] {
    background: rgba(118,44,255,.055);
    border-color: rgba(118,44,255,.27);
}

.faq-item summary {
    display: grid;
    min-height: 60px;
    padding: 15px 17px;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 15px;
    align-items: center;
    color: #fff;
    cursor: pointer;
    list-style: none;
    font-size: 15px;
    font-weight: 800;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item-icon {
    position: relative;
    display: grid;
    width: 29px;
    height: 29px;
    place-items: center;
    background: rgba(118,44,255,.09);
    border: 1px solid rgba(118,44,255,.20);
    border-radius: 8px;
}

.faq-item-icon::before,
.faq-item-icon::after {
    position: absolute;
    width: 11px;
    height: 2px;
    background: #b477ff;
    border-radius: 2px;
    content: "";
}

.faq-item-icon::after {
    transform: rotate(90deg);
}

.faq-item[open] .faq-item-icon {
    background: #762cff;
}

.faq-item[open] .faq-item-icon::before,
.faq-item[open] .faq-item-icon::after {
    background: #fff;
}

.faq-item[open] .faq-item-icon::after {
    transform: rotate(0);
}

.faq-answer {
    margin: 0 17px 17px;
    padding: 16px 0 0;
    color: #9ca4b5;
    border-top: 1px solid rgba(255,255,255,.055);
    font-size: 14px;
    line-height: 1.75;
    white-space: pre-line;
}

@media (max-width:575.98px) {
    .faq-block-card {
        padding: 20px 18px;
    }
}

.cta-content-card {
    position: relative;
    overflow: hidden;
    padding: 54px 38px;

    background:
        radial-gradient(
            circle at 12% 20%,
            rgba(118, 44, 255, 0.13),
            transparent 32%
        ),
        radial-gradient(
            circle at 90% 15%,
            rgba(175, 103, 255, 0.10),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #0a0c13 0%,
            #070910 100%
        );

    border:
        1px solid rgba(118, 44, 255, 0.22);

    border-radius: 20px;

    box-shadow:
        0 22px 55px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.cta-content-card::before {
    position: absolute;
    top: -110px;
    right: -90px;

    width: 240px;
    height: 240px;

    background:
        rgba(118, 44, 255, 0.055);

    border:
        1px solid rgba(118, 44, 255, 0.11);

    border-radius: 50%;

    content: "";

    pointer-events: none;
}

.cta-content-card::after {
    position: absolute;
    top: 0;
    left: 15%;
    right: 15%;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #762cff,
            #b36cff,
            transparent
        );

    box-shadow:
        0 0 18px rgba(118, 44, 255, 0.30);

    content: "";
}

.cta-content-inner {
    position: relative;
    z-index: 1;

    max-width: 850px;

    margin: 0 auto;

    text-align: center;
}

.cta-content-title {
    margin: 0 0 18px;

    color: #ffffff;

    font-family:
        "Montserrat",
        sans-serif;

    font-weight: 900;

    line-height: 1.16;

    letter-spacing: -0.6px;
}

h1.cta-content-title {
    font-size:
        clamp(
            32px,
            4vw,
            48px
        );
}

h2.cta-content-title {
    font-size:
        clamp(
            28px,
            3.5vw,
            40px
        );
}

h3.cta-content-title {
    font-size:
        clamp(
            24px,
            3vw,
            33px
        );
}

h4.cta-content-title {
    font-size: 21px;
}

.cta-content-title:empty,
.cta-content-description:empty {
    display: none;
}

.cta-content-description {
    max-width: 760px;

    margin:
        0 auto 27px;

    color: #9aa2b3;

    font-size: 16px;

    line-height: 1.8;

    white-space: pre-line;
}

.cta-content-description p:last-child {
    margin-bottom: 0;
}

.cta-content-description strong,
.cta-content-description b {
    color: #ececf1;
}

.cta-content-description a {
    color: #b87dff !important;

    font-weight: 650;

    text-decoration: none;

    border-bottom:
        1px solid rgba(
            184,
            125,
            255,
            0.35
        );
}

.cta-content-button {
    position: relative;

    display: inline-flex;

    min-height: 50px;

    padding:
        13px 26px;

    gap: 11px;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #7c31f4,
            #6020c8
        );

    border:
        1px solid rgba(
            182,
            120,
            255,
            0.34
        );

    border-radius: 11px;

    box-shadow:
        0 10px 27px rgba(
            118,
            44,
            255,
            0.30
        );

    font-size: 14px;

    font-weight: 800;

    letter-spacing: 0.2px;

    text-decoration: none !important;

    transition:
        transform 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease;
}

.cta-content-button::after {
    position: relative;

    content: "→";

    font-size: 17px;

    line-height: 1;

    transition:
        transform 0.2s ease;
}

.cta-content-button::before {
    position: absolute;

    top: 0;
    left: -55%;

    width: 35%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.18),
            transparent
        );

    content: "";

    transform: skewX(-24deg);

    transition:
        left 0.6s ease;
}

.cta-content-button:hover {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #8e47ff,
            #6d29dc
        );

    transform:
        translateY(-2px);

    box-shadow:
        0 14px 34px rgba(
            118,
            44,
            255,
            0.40
        );
}

.cta-content-button:hover::before {
    left: 125%;
}

.cta-content-button:hover::after {
    transform:
        translateX(3px);
}

.cta-content-button[href=""],
.cta-content-button:empty {
    display: none;
}

@media (max-width: 575.98px) {
    .cta-content-card {
        padding:
            38px 19px;

        border-radius: 15px;
    }

    h1.cta-content-title {
        font-size: 29px;
    }

    h2.cta-content-title {
        font-size: 26px;
    }

    h3.cta-content-title {
        font-size: 23px;
    }

    h4.cta-content-title {
        font-size: 19px;
    }

    .cta-content-description {
        margin-bottom: 22px;

        font-size: 14px;

        line-height: 1.7;
    }

    .cta-content-button {
        width: 100%;
    }
}

.image-list-card {
    position: relative;
    overflow: hidden;
    padding: 30px;
    background:
        radial-gradient(
            circle at 0% 55%,
            rgba(118, 44, 255, 0.11),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #0a0c13 0%,
            #070910 100%
        );
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 19px;
    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.27),
        inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.image-list-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 30px;
    width: 82px;
    height: 3px;
    background: linear-gradient(
        90deg,
        #762cff,
        #b36cff
    );
    border-radius: 0 0 8px 8px;
    box-shadow: 0 0 16px rgba(118, 44, 255, 0.30);
}

.image-list-title {
    position: relative;
    margin: 0 0 14px;
    padding-left: 16px;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-weight: 850;
    line-height: 1.22;
    letter-spacing: -0.4px;
}

.image-list-title::before {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 0;
    width: 4px;
    background: linear-gradient(
        180deg,
        #b36cff,
        #762cff
    );
    border-radius: 8px;
    box-shadow: 0 0 14px rgba(118, 44, 255, 0.28);
}

h2.image-list-title {
    font-size: 27px;
}

h3.image-list-title {
    font-size: 23px;
}

h4.image-list-title {
    font-size: 19px;
}

.image-list-title:empty,
.image-list-description:empty {
    display: none;
}

.image-list-description {
    max-width: 900px;
    margin: 0 0 23px;
    color: #969eaf;
    font-size: 15px;
    line-height: 1.75;
    white-space: pre-line;
}

.image-list-layout {
    margin-top: 0 !important;
}

.image-list-media {
    position: relative;
    overflow: hidden;
    background: #06080e;
    border: 1px solid rgba(118, 44, 255, 0.23);
    border-radius: 16px;
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.38),
        0 0 0 5px rgba(118, 44, 255, 0.025);
}

.image-list-media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.image-list-media img {
    display: block;
    width: 100%;
    max-height: 390px;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.image-list-media:hover img {
    transform: scale(1.025);
}

.image-list-items .list-group {
    display: flex;
    margin: 0 !important;
    padding: 0 !important;
    flex-direction: column;
    gap: 9px;
}

.image-list-items .list-group-item {
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding: 13px 14px 13px 44px !important;

    color: #e1e2e8 !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.022),
            rgba(118, 44, 255, 0.035)
        ) !important;

    border:
        1px solid rgba(255, 255, 255, 0.065) !important;

    border-radius: 11px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;

    transition:
        transform 0.18s ease,
        background 0.18s ease,
        border-color 0.18s ease;
}

.image-list-items .list-group-item:hover {
    transform: translateX(3px);

    background:
        rgba(118, 44, 255, 0.065) !important;

    border-color:
        rgba(118, 44, 255, 0.28) !important;
}

.image-list-items .list-group-item i {
    display: none !important;
}

.image-list-items .list-group-item::before {
    content: "✓";

    position: absolute;

    top: 50%;
    left: 13px;

    display: grid;

    width: 21px;
    height: 21px;

    place-items: center;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #8b42fa,
            #6822d6
        );

    border:
        1px solid rgba(183, 123, 255, 0.35);

    border-radius: 6px;

    box-shadow:
        0 5px 12px rgba(118, 44, 255, 0.19);

    font-size: 10px;

    font-weight: 900;

    transform: translateY(-50%);
}

@media (max-width: 767.98px) {
    .image-list-card {
        padding: 24px;
    }

    .image-list-media img {
        max-height: 330px;
    }
}

@media (max-width: 575.98px) {
    .image-list-card {
        padding: 20px 18px;
        border-radius: 14px;
    }

    .image-list-card::before {
        left: 18px;
        width: 58px;
    }

    .image-list-title {
        padding-left: 13px;
    }

    h2.image-list-title {
        font-size: 22px;
    }

    h3.image-list-title {
        font-size: 20px;
    }

    h4.image-list-title {
        font-size: 18px;
    }

    .image-list-description {
        font-size: 14px;
        line-height: 1.7;
    }

    .image-list-media {
        border-radius: 12px;
    }

    .image-list-items .list-group-item {
        padding: 12px 12px 12px 41px !important;
        font-size: 13.5px !important;
    }

    .image-list-items .list-group-item::before {
        left: 12px;
        width: 19px;
        height: 19px;
    }
}

.text-steps-card {
    position: relative;
    overflow: hidden;
    padding: 30px;
    background:
        radial-gradient(circle at 100% 0%, rgba(118,44,255,.11), transparent 36%),
        #090b12;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
    box-shadow: 0 18px 48px rgba(0,0,0,.25);
}

.text-steps-title {
    position: relative;
    margin: 0 0 14px;
    padding-left: 16px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 850;
    line-height: 1.22;
}

.text-steps-title::before {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 0;
    width: 4px;
    border-radius: 8px;
    background: linear-gradient(180deg,#b36cff,#762cff);
}

h2.text-steps-title { font-size: 27px; }
h3.text-steps-title { font-size: 23px; }
h4.text-steps-title { font-size: 19px; }

.text-steps-title:empty,
.text-steps-description:empty {
    display: none;
}

.text-steps-description {
    margin: 0 0 26px;
    color: #969eaf;
    font-size: 15px;
    line-height: 1.75;
    white-space: pre-line;
}

.text-steps-timeline {
    position: relative;
    display: flex;
    padding-left: 58px;
    flex-direction: column;
    gap: 12px;
}

.text-steps-timeline::before {
    content: "";
    position: absolute;
    top: 19px;
    bottom: 19px;
    left: 20px;
    width: 2px;
    border-radius: 2px;
    background: linear-gradient(180deg,#b36cff,#762cff,rgba(118,44,255,.12));
}

.text-step-item {
    position: relative;
    padding: 18px;
    background: rgba(255,255,255,.018);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 11px;
    transition: .18s ease;
}

.text-step-item:hover {
    background: rgba(118,44,255,.055);
    border-color: rgba(118,44,255,.27);
    transform: translateX(3px);
}

.text-step-number {
    position: absolute;
    top: 15px;
    left: -58px;
    z-index: 1;
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg,#8b43f8,#5c19c8);
    border: 1px solid rgba(180,116,255,.45);
    border-radius: 11px;
    box-shadow: 0 0 0 5px #090b12;
    font-size: 12px;
    font-weight: 800;
}

.text-step-title {
    margin: 0 0 7px;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-size: 17px;
    font-weight: 800;
}

.text-step-description {
    margin: 0;
    color: #969eaf;
    font-size: 14px;
    line-height: 1.7;
    white-space: pre-line;
}

@media (max-width:575.98px) {
    .text-steps-card {
        padding: 20px 18px;
        border-radius: 14px;
    }

    .text-steps-timeline {
        padding-left: 48px;
    }

    .text-step-number {
        left: -48px;
        width: 33px;
        height: 33px;
    }
}

.description-grid-card {
    position: relative;
    overflow: hidden;
    padding: 30px;
    background:
        radial-gradient(circle at 100% 0%,rgba(118,44,255,.10),transparent 36%),
        #090b12;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
    box-shadow: 0 18px 48px rgba(0,0,0,.25);
}

.description-grid-title {
    position: relative;
    margin: 0 0 14px;
    padding-left: 16px;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-weight: 850;
}

.description-grid-title::before {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 0;
    width: 4px;
    border-radius: 8px;
    background: linear-gradient(180deg,#b36cff,#762cff);
}

h2.description-grid-title { font-size: 27px; }
h3.description-grid-title { font-size: 23px; }
h4.description-grid-title { font-size: 19px; }

.description-grid-title:empty,
.description-grid-intro:empty {
    display: none;
}

.description-grid-intro {
    margin: 0 0 24px;
    color: #969eaf;
    font-size: 15px;
    line-height: 1.75;
    white-space: pre-line;
}

.description-grid-list {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 11px;
}

.description-grid-item {
    position: relative;
    min-width: 0;
    overflow: hidden;
    padding: 20px;
    background: rgba(255,255,255,.018);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 11px;
    transition: .18s ease;
}

.description-grid-item::before {
    content: "";
    position: absolute;
    top: 16px;
    bottom: 16px;
    left: 0;
    width: 3px;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(180deg,#b36cff,#762cff);
}

.description-grid-item:hover {
    background: rgba(118,44,255,.055);
    border-color: rgba(118,44,255,.27);
    transform: translateY(-2px);
}

.description-grid-item:only-child {
    grid-column: 1 / -1;
}

.description-grid-item-title {
    margin: 0 0 9px;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-size: 16px;
    font-weight: 800;
}

.description-grid-item-text {
    margin: 0;
    color: #969eaf;
    font-size: 14px;
    line-height: 1.7;
}

.description-grid-item-text a {
    color: #b276ff !important;
}

@media (max-width:767.98px) {
    .description-grid-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width:575.98px) {
    .description-grid-card {
        padding: 20px 18px;
        border-radius: 14px;
    }
}

.custom-html-card {
    position: relative;
    overflow: hidden;
    padding: 30px;
    background:
        radial-gradient(circle at 100% 0%,rgba(118,44,255,.10),transparent 36%),
        #090b12;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
    box-shadow: 0 18px 48px rgba(0,0,0,.25);
}

.custom-html-title {
    position: relative;
    margin: 0 0 19px;
    padding-left: 16px;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-weight: 850;
}

.custom-html-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 4px;
    border-radius: 8px;
    background: linear-gradient(180deg,#b36cff,#762cff);
}

h2.custom-html-title { font-size: 27px; }
h3.custom-html-title { font-size: 23px; }
h4.custom-html-title { font-size: 19px; }

.custom-html-title:empty {
    display: none;
}

.custom-html-content {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    color: #969eaf;
    font-size: 15px;
    line-height: 1.75;
    overflow-wrap: anywhere;
    -webkit-overflow-scrolling: touch;
}

.custom-html-content > *:first-child {
    margin-top: 0;
}

.custom-html-content > *:last-child {
    margin-bottom: 0;
}

.custom-html-content h1,
.custom-html-content h2,
.custom-html-content h3,
.custom-html-content h4,
.custom-html-content h5,
.custom-html-content h6 {
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-weight: 800;
}

.custom-html-content a {
    color: #b276ff;
    font-weight: 600;
}

.custom-html-content strong {
    color: #ededf2;
}

.custom-html-content img,
.custom-html-content video,
.custom-html-content iframe {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}

.custom-html-content iframe {
    width: 100%;
    min-height: 360px;
    background: #06080e;
    border: 1px solid rgba(255,255,255,.07);
}

.custom-html-content table {
    width: 100%;
    min-width: 560px;
    margin: 18px 0;
    color: #9ca4b5;
    background: #080b12;
    border: 1px solid rgba(255,255,255,.07);
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 12px;
}

.custom-html-content table th {
    padding: 14px 16px;
    color: #fff;
    background: rgba(118,44,255,.11);
}

.custom-html-content table td {
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255,255,255,.045);
}

.custom-html-content blockquote {
    margin: 20px 0;
    padding: 17px 19px;
    color: #e3e4e9;
    background: rgba(118,44,255,.05);
    border-left: 4px solid #762cff;
    border-radius: 10px;
}

.custom-html-content pre {
    padding: 17px;
    overflow: auto;
    color: #dddfe5;
    background: #06080e;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 10px;
}

.custom-html-content code {
    color: #bd89ff;
}

@media (max-width:575.98px) {
    .custom-html-card {
        padding: 20px 18px;
        border-radius: 14px;
    }
}

.bet-calc {
    padding: 26px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 20px;
    background:
        radial-gradient(circle at 100% 0%,rgba(118,44,255,.11),transparent 35%),
        #090b12;
    box-shadow: 0 18px 45px rgba(0,0,0,.25);
}

.bet-calc__header {
    margin-bottom: 22px;
}

.bet-calc__title {
    margin: 0 0 7px;
    color: #fff;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 850;
}

.bet-calc__desc {
    margin: 0;
    max-width: 700px;
    color: #969eaf;
    font-size: 14px;
    line-height: 1.55;
}

.bet-calc__title:empty,
.bet-calc__desc:empty {
    display: none;
}

.bet-calc__body {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(320px,.9fr);
    gap: 18px;
}

.bet-calc__controls {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.bet-calc__field {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 116px;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 14px;
    background: #070a11;
}

.bet-calc__field:focus-within {
    border-color: rgba(118,44,255,.7);
    box-shadow: 0 0 0 3px rgba(118,44,255,.09);
}

.bet-calc__field label {
    margin-bottom: 10px;
    color: #7f8798;
    font-size: 12px;
    font-weight: 700;
}

.bet-calc__input {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bet-calc__input input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    font-size: 25px;
    font-weight: 850;
}

.bet-calc__unit {
    color: #6f7788;
    font-size: 14px;
    font-weight: 800;
}

.bet-calc__summary {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 19px;
    border: 1px solid rgba(118,44,255,.18);
    border-radius: 14px;
    background:
        linear-gradient(135deg,rgba(118,44,255,.09),rgba(177,104,255,.035)),
        #080b12;
}

.bet-calc__results {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 12px;
}

.bet-calc__result + .bet-calc__result {
    padding-left: 16px;
    border-left: 1px solid rgba(255,255,255,.08);
}

.bet-calc__result span {
    display: block;
    margin-bottom: 7px;
    color: #7f8798;
    font-size: 12px;
    font-weight: 700;
}

.bet-calc__result strong {
    color: #fff;
    font-size: 21px;
    font-weight: 850;
}

.bet-calc__result--main strong {
    color: #b87cff;
    font-size: 29px;
}

.bet-calc__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,.07);
}

.bet-calc__hint {
    color: #687084;
    font-size: 11px;
}

.bet-calc__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 135px;
    min-height: 43px;
    padding: 0 18px;
    border-radius: 10px;
    background: linear-gradient(135deg,#7c31f4,#6120c9);
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 800;
}

@media (max-width:850px) {
    .bet-calc__body {
        grid-template-columns: 1fr;
    }
}

@media (max-width:600px) {
    .bet-calc {
        padding: 19px;
    }

    .bet-calc__controls,
    .bet-calc__results {
        grid-template-columns: 1fr 1fr;
    }

    .bet-calc__footer {
        flex-direction: column;
        align-items: stretch;
    }

    .bet-calc__button {
        width: 100%;
    }
}

@media (max-width:400px) {
    .bet-calc__controls,
    .bet-calc__results {
        grid-template-columns: 1fr;
    }
}

.bog-app-cta {
    display: grid;
    grid-template-columns: 1.4fr .6fr;
    align-items: center;
    gap: 24px;
    padding: 28px;
    border: 1px solid rgba(118,44,255,.24);
    border-radius: 20px;
    background:
        radial-gradient(circle at 100% 50%,rgba(118,44,255,.12),transparent 35%),
        #090b12;
    box-shadow: 0 18px 48px rgba(0,0,0,.25);
}

.bog-app-content {
    min-width: 0;
}

.bog-app-title {
    margin: 0 0 12px;
    color: #fff;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 850;
}

.bog-app-description {
    margin: 0 0 20px;
    color: #969eaf;
    font-size: 14px;
    line-height: 1.6;
}

.bog-app-title:empty,
.bog-app-description:empty {
    display: none;
}

.bog-app-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.bog-app-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 17px;
    border-radius: 10px;
    background: linear-gradient(135deg,#7c31f4,#6120c9);
    box-shadow: 0 8px 22px rgba(118,44,255,.24);
    color: #fff !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 800;
    transition: .2s ease;
}

.bog-app-button:hover {
    transform: translateY(-1px);
    background: linear-gradient(135deg,#8d46ff,#6d29dd);
    box-shadow: 0 10px 27px rgba(118,44,255,.32);
}

.bog-app-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bog-app-image img {
    display: block;
    max-width: 100%;
    max-height: 230px;
    object-fit: contain;
}

@media (max-width:767px) {
    .bog-app-cta {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 20px;
        text-align: center;
    }

    .bog-app-title {
        font-size: 23px;
    }

    .bog-app-buttons {
        justify-content: center;
    }

    .bog-app-image img {
        max-height: 180px;
    }
}

@media (max-width:420px) {
    .bog-app-buttons {
        flex-direction: column;
    }

    .bog-app-button {
        width: 100%;
    }
}

.bog-utility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bog-utility-card{position:relative;min-width:0;overflow:hidden;background:linear-gradient(145deg,rgba(18,24,40,.98),rgba(9,12,21,.98));border:1px solid rgba(139,92,246,.24);border-radius:18px;box-shadow:0 16px 34px rgba(0,0,0,.24);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.bog-utility-card:hover{transform:translateY(-3px);border-color:rgba(0,230,118,.42);box-shadow:0 20px 42px rgba(0,0,0,.34)}.bog-utility-card-body{padding:18px}.bog-utility-image{width:100%;aspect-ratio:16/9;background:radial-gradient(circle at 50% 35%,rgba(114,50,242,.22),transparent 60%),#090c15;display:flex;align-items:center;justify-content:center;overflow:hidden}.bog-utility-image img{width:100%;height:100%;object-fit:cover}.bog-utility-image-empty{color:#46516a;font-size:28px}.bog-utility-title{font-family:Montserrat,Inter,sans-serif;font-size:18px;font-weight:800;line-height:1.25;color:#fff;margin:0 0 8px}.bog-utility-copy{font-size:14px;line-height:1.6;color:#8b98b2;margin:0}.bog-utility-meta{font-size:12px;font-weight:700;color:#00e676;text-transform:uppercase;letter-spacing:.55px;margin:0 0 8px}.bog-utility-badge{position:absolute;top:12px;left:12px;z-index:2;padding:6px 10px;border:1px solid rgba(0,230,118,.35);border-radius:999px;background:rgba(7,12,18,.9);color:#00e676;font-size:10px;font-weight:800;text-transform:uppercase}.bog-utility-action{display:inline-flex;align-items:center;gap:8px;margin-top:15px;padding:10px 14px;border-radius:10px;background:#7232f2;color:#fff!important;font-size:13px;font-weight:800;text-decoration:none!important}.bog-utility-action:hover{background:#8448f5}.bog-game-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,24%);gap:14px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#7232f2 #0b0e17}.bog-game-strip .bog-utility-card{scroll-snap-align:start}.bog-game-strip .bog-utility-card-body{padding:14px}.bog-game-strip .bog-utility-title{font-size:15px}.bog-sport-list{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin}.bog-sport-chip{min-width:max-content;display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#101522;color:#e7ecf7!important;text-decoration:none!important;font-size:14px;font-weight:700;transition:.2s ease}.bog-sport-chip:hover{border-color:rgba(0,210,255,.45);background:#141b2b}.bog-sport-chip i{font-size:19px;color:#00d2ff}.bog-match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bog-match-card{padding:17px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:linear-gradient(145deg,#111624,#0b0e17)}.bog-match-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.bog-match-league{color:#aab5cb;font-size:12px;font-weight:700}.bog-match-date{color:#7f8ba4;font-size:11px;white-space:nowrap}.bog-match-team{display:flex;align-items:center;gap:9px;color:#fff;font-size:14px;font-weight:700;margin:8px 0}.bog-match-team i{width:18px;color:#00e676}.bog-match-odds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.bog-match-odd{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:9px;background:#1a2030;color:#98a4bb;font-size:12px}.bog-match-odd strong{color:#fff}.bog-promo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bog-promo-card{display:grid;grid-template-columns:150px 1fr;min-height:170px;overflow:hidden;border:1px solid rgba(114,50,242,.3);border-radius:18px;background:radial-gradient(circle at 0 100%,rgba(0,230,118,.1),transparent 42%),#101522}.bog-promo-card .bog-utility-image{height:100%;aspect-ratio:auto}.bog-promo-body{padding:18px}.bog-promo-code{display:inline-flex;margin-top:12px;padding:7px 10px;border:1px dashed rgba(0,230,118,.55);border-radius:8px;color:#00e676;font-size:12px;font-weight:800;letter-spacing:.6px}.bog-winner-list{display:grid;gap:10px}.bog-winner-row{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(140px,1.4fr) auto;align-items:center;gap:14px;padding:13px 15px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025)}.bog-winner-player{display:flex;align-items:center;gap:9px;color:#fff;font-weight:800}.bog-winner-player i{color:#fbbf24}.bog-winner-game{color:#93a0b8;font-size:13px}.bog-winner-amount{color:#00e676;font-size:15px;font-weight:900;white-space:nowrap}@media(max-width:991.98px){.bog-utility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bog-game-strip{grid-auto-columns:minmax(190px,42%)}.bog-promo-grid{grid-template-columns:1fr}}@media(max-width:575.98px){.bog-utility-grid{grid-template-columns:1fr}.bog-game-strip{grid-auto-columns:82%}.bog-match-grid{grid-template-columns:1fr}.bog-promo-card{grid-template-columns:110px 1fr}.bog-promo-body{padding:14px}.bog-winner-row{grid-template-columns:1fr auto}.bog-winner-game{grid-column:1/-1}.bog-utility-card:hover{transform:none}}

.faq-question {
    margin: 0;
    color: inherit;
    font: inherit;
}