/* -------------------------------------------------------

01. Typography style
02. Helper style
03. Selection style
04. Preloader style
05. Owl-Theme custom style
06. Section style
07. Navbar Top style
08. Navbar style
09. Header style
10. Slider-fade style (Homepage Slider)
11. Slider style (Inner Page Slider)
12. Banner Header style
13. Popup Video style
14. Video Background style
15. Dynamic Background Video style
16. Kenburns Slider style
17. About style
18. Team style
19. Team-Single style
20. Clients style
21. Cars 1 style
22. Cars 2 style
23. Cars 3 style
24. Cars 4 style
25. Cars 5 style
26. Cars 6 style
27. Car Detail 1 style
28. Car Detail 2 style
29. Car Detail 3 style
30. Sidebar Form style
31. Services 1 style
32. Services 2 style
33. Services 3 style
34. Price style
35. Testimonials style
36. Accordion Box (for Faqs) style
37. Image Gallery style
38. Banner Video style
39. Video Gallery style
40. Popup Video style
41. Booking style
42. Blog 1 style
43. Blog 2 style
44. Blog 3 style
45. Blog 4 style
46. Post style
47. Contact style
48. Button style
49. 404 Page style
50. Footer style
51. toTop Button style
52. Overlay Effect Bg image style
53. Responsive style
 
------------------------------------------------------- */

/* ======= Typography style ======= */
html,
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

/* Billionaire Spin: Header & Hero */
.main-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.main-header .navbar {
    top: 0;
    width: 100%;
    height: 88px;
    border-bottom: 1px solid rgba(87, 53, 154, 0.12);
    background: rgba(255, 255, 255, 0.76);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.billionaire-logo {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: #41246f;
}

.billionaire-logo__mark {
    position: relative;
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    gap: 3px;
    width: 37px;
    height: 37px;
    padding: 8px 7px 7px;
    border: 1px solid rgba(255, 196, 61, 0.9);
    border-radius: 11px;
    background: linear-gradient(145deg, #9b6cff, #6a3fc8);
    box-shadow: 0 8px 24px rgba(112, 69, 198, 0.24);
    transform: rotate(-6deg);
}

.billionaire-logo__mark i {
    display: block;
    width: 5px;
    border-radius: 4px 4px 1px 1px;
    background: #ffd56a;
}

.billionaire-logo__mark i:nth-child(1) {
    height: 9px;
}
.billionaire-logo__mark i:nth-child(2) {
    height: 18px;
}
.billionaire-logo__mark i:nth-child(3) {
    height: 13px;
}

.billionaire-logo__text {
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.45px;
    white-space: nowrap;
}

.billionaire-logo__text strong {
    color: #8050db;
    font-weight: 800;
}

.main-header .navbar .navbar-nav {
    gap: 7px;
}

.main-header .navbar .navbar-nav .nav-link {
    font-size: 12px;
    letter-spacing: 0.65px;
    color: #4d3a68;
}

.main-header .navbar .navbar-nav .nav-link:hover,
.main-header .navbar .navbar-nav .nav-link.active {
    color: #8050db !important;
}

.main-header .header-play-btn,
.main-header.nav-scroll .header-play-btn {
    background: #8050db;
    border-color: #8050db;
    color: #ffffff !important;
}

.main-header .header-play-btn:hover,
.main-header.nav-scroll .header-play-btn:hover {
    background: #9569e7;
    border-color: #9569e7;
    color: #ffffff !important;
    box-shadow: 0 10px 30px rgba(128, 80, 219, 0.24);
}

.billionaire-hero {
    position: relative;
    min-height: 760px;
    height: 100vh;
    max-height: 940px;
    overflow: hidden;
    background: #f9f4ff;
    isolation: isolate;
}

.billionaire-hero__backdrop {
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image: url("../img/casino-billionaire-spin-hero-au.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

.billionaire-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(
        90deg,
        rgba(255, 251, 248, 0.97) 0%,
        rgba(255, 251, 248, 0.78) 34%,
        rgba(255, 251, 248, 0.08) 62%,
        transparent 100%
    );
}

.billionaire-hero__container,
.billionaire-hero__container > .row {
    height: 100%;
}

.billionaire-hero__container {
    width: 100%;
    max-width: none;
    padding-left: clamp(48px, 6vw, 116px);
    padding-right: clamp(32px, 4vw, 80px);
}

.billionaire-hero__container > .row {
    align-items: center;
}

.billionaire-hero__content {
    padding-top: 92px;
    max-width: 590px;
}

.billionaire-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    margin-bottom: 22px;
    padding: 7px 13px;
    border: 1px solid rgba(128, 80, 219, 0.24);
    border-radius: 999px;
    color: #6f42c1;
    background: rgba(128, 80, 219, 0.08);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.billionaire-hero h1 {
    margin-bottom: 22px;
    color: #352251;
    font-size: clamp(52px, 5.3vw, 78px);
    line-height: 0.98;
    letter-spacing: -3.2px;
    text-shadow: 0 8px 30px rgba(112, 74, 163, 0.1);
}

.billionaire-hero h1 span {
    color: #8050db;
}

.billionaire-hero p {
    max-width: 590px;
    margin-bottom: 28px;
    color: #665978;
    font-size: 18px;
    line-height: 1.65;
}

.billionaire-hero__cta,
.billionaire-hero__cta:hover {
    background: #8050db;
    border-color: #8050db;
    color: #ffffff;
}

.billionaire-hero__cta:hover {
    background: #9569e7;
    box-shadow: 0 12px 32px rgba(128, 80, 219, 0.24);
}

.billionaire-hero__note {
    margin-top: 15px;
    color: #786b8b;
    font-size: 12px;
    letter-spacing: 0.25px;
}

.billionaire-hero__note i {
    margin-right: 7px;
    color: #8050db;
}

@media screen and (max-width: 1199px) {
    .main-header .navbar .navbar-nav {
        gap: 1px;
    }
    .main-header .navbar .navbar-nav .nav-link {
        padding-left: 5px;
        padding-right: 5px;
    }
    .nav-cta {
        margin-left: 8px;
    }
}

@media screen and (max-width: 991px) {
    .main-header .navbar {
        height: 76px;
    }
    .main-header .logo-wrapper {
        padding: 18px 0;
    }
    .main-header .navbar .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .main-header .navbar-collapse {
        margin: 0 -20px;
        padding: 18px 20px 24px;
    }
    .billionaire-hero {
        min-height: 700px;
        max-height: none;
    }
    .billionaire-hero__content {
        padding-top: 78px;
        max-width: 570px;
    }
    .billionaire-hero__container {
        padding-left: 34px;
        padding-right: 34px;
    }
    .billionaire-hero__backdrop {
        background-position: 58% top;
        opacity: 0.72;
    }
    .billionaire-hero::before {
        background: linear-gradient(
            90deg,
            rgba(255, 251, 248, 0.97) 0%,
            rgba(255, 251, 248, 0.82) 56%,
            rgba(255, 251, 248, 0.16) 100%
        );
    }
}

@media screen and (max-width: 767px) {
    .billionaire-logo__text {
        font-size: 17px;
    }
    .billionaire-logo__mark {
        width: 33px;
        height: 33px;
    }
    .billionaire-hero {
        min-height: 680px;
        height: 100svh;
    }
    .billionaire-hero__container {
        padding-left: 22px;
        padding-right: 22px;
    }
    .billionaire-hero__backdrop {
        background-position: 61% top;
        opacity: 0.46;
    }
    .billionaire-hero::before {
        background: linear-gradient(
            90deg,
            rgba(255, 251, 248, 0.98) 0%,
            rgba(255, 251, 248, 0.9) 72%,
            rgba(255, 251, 248, 0.58) 100%
        );
    }
    .billionaire-hero__content {
        padding-top: 70px;
    }
    .billionaire-hero h1 {
        font-size: clamp(44px, 13vw, 60px);
        letter-spacing: -2.2px;
    }
    .billionaire-hero p {
        max-width: 500px;
        font-size: 16px;
        line-height: 1.55;
    }
}

@media screen and (max-width: 420px) {
    .billionaire-logo__text {
        font-size: 15px;
    }
    .billionaire-logo__mark {
        width: 31px;
        height: 31px;
    }
    .billionaire-hero h1 {
        font-size: 42px;
    }
    .billionaire-hero__eyebrow {
        font-size: 10px;
    }
}

:root {
    --primary: #db2d2e;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    list-style: none;
    word-wrap: break-word;
}

body {
    font-family: "Euclid Circular A", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75em;
    color: #6f7b91;
    overflow-x: hidden !important;
}

body::-webkit-scrollbar {
    width: 5px;
}

body::-webkit-scrollbar-track {
    background-color: transparent;
}

body::-webkit-scrollbar-thumb {
    background-color: var(--primary);
}

p {
    font-family: "Euclid Circular A", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75em;
    color: #6f7b91;
    margin-bottom: 15px;
}

h1,
h2,
h3,
h4 {
    font-family: "Euclid Circular A", sans-serif;
    font-weight: 700;
    line-height: 1.2em;
    margin: 0 0 15px 0;
    color: #2e2e2e;
}

img {
    width: 100%;
    height: auto;
}

img {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    color: #f7f7f7;
}

span,
a,
a:hover {
    text-decoration: none;
    color: inherit;
}

b {
    font-weight: 400;
    color: var(--primary);
}

/* text field */
input[type="password"]:focus,
input[type="email"]:focus,
input[type="text"]:focus,
input[type="number"]:focus,
input[type="file"]:focus {
    outline: none;
}

input[type="password"],
input[type="email"],
input[type="text"],
input[type="number"],
input[type="file"] {
    outline: none;
    max-width: 100%;
    margin-bottom: 0px;
    padding: 15px;
    height: auto;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 3px;
    display: block;
    width: 100%;
    line-height: 1.5em;
    font-family: "Euclid Circular A", sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #6f7b91;
}

input[type="reset"],
input[type="button"],
button {
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 1.75em;
    -webkit-transition: background-color 0.15s ease-out;
    transition: background-color 0.15s ease-out;
    background: transparent;
    border: 0px solid transparent;
}

input[type="reset"]:hover,
input[type="button"]:hover,
button:hover {
    border: 0px solid transparent;
}

select {
    padding: 10px;
    border-radius: 5px;
}

table {
    border: 2px solid #f7f7f7;
}

/* placeholder */
::-webkit-input-placeholder {
    color: #6f7b91;
    font-size: 15px;
    font-weight: 400;
}

::-moz-placeholder {
    color: #6f7b91;
    opacity: 1;
}

/* ======= Button style ======= */
.tf-button {
    position: relative;
    margin-bottom: 10px;
    height: 50px;
    padding: 0px 32px;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.9px;
    line-height: 50px;
    text-transform: uppercase;
    background-size: 300%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
    color: unset;
    transition: all 0.3s;
    cursor: pointer;
    display: inline-block;
}

.tf-button::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    height: 1px;
    width: 100%;
    background: var(--primary);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tf-button:hover::before {
    transform: translateY(-10px) !important;
    opacity: 0;
    animation-name: none !important;
}

.tf-button.style1 {
    background-image: linear-gradient(160deg, transparent 50%, var(--primary) 50%);
    border: 1px solid var(--primary);
    color: #fff;
}

.tf-button.style1:hover {
    color: #fff;
    background-position: 96%;
}

/* blockquote */

/* ======= Helper style ======= */

/* important */

.bg-img {
    background-size: cover;
    background-repeat: no-repeat;
}

.pattern {
    background-repeat: repeat;
    background-size: auto;
}

.bold {
    font-weight: 700;
}

.count {
    font-family: "Euclid Circular A", sans-serif;
}

:root {
    scroll-behavior: auto;
}

/* list style */

/* hr style */

/* background & color */

/* ======= Selection style ======= */
::-webkit-selection {
    color: #fff;
    background: var(--primary);
}

::-moz-selection {
    color: #fff;
    background: var(--primary);
}

::selection {
    color: #fff;
    background: var(--primary);
}

/* ======= Preloader style ======= */
.preloader-bg,
#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    z-index: 999999;
}

#preloader {
    display: table;
    table-layout: fixed;
}

#preloader-status {
    display: table-cell;
    vertical-align: middle;
}

.preloader-position {
    position: relative;
    margin: 0 auto;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

/* HTML: <div class="loader"></div> */
.loader {
    width: 40px;
    aspect-ratio: 1;
    position: relative;
}

.loader:before,
.loader:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    margin: -8px 0 0 -8px;
    width: 16px;
    aspect-ratio: 1;
    background: var(--primary);
    animation:
        l1-1 2s infinite,
        l1-2 0.5s infinite;
}

.loader:after {
    background: var(--primary);
    animation-delay: -1s, 0s;
}

@keyframes l1-1 {
    0% {
        top: 0;
        left: 0;
    }

    25% {
        top: 100%;
        left: 0;
    }

    50% {
        top: 100%;
        left: 100%;
    }

    75% {
        top: 0;
        left: 100%;
    }

    100% {
        top: 0;
        left: 0;
    }
}

/* Persistent separated Header */
.main-header {
    position: fixed !important;
    top: 0 !important;
    right: 0;
    left: 0;
    width: 100%;
    height: 58px !important;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.97);
    border-bottom: 1px solid rgba(94, 58, 151, 0.16);
    box-shadow: 0 8px 28px rgba(70, 43, 111, 0.11);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.main-header .navbar,
.main-header .navbar.nav-scroll {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    background: transparent !important;
    border-bottom: 0;
    box-shadow: none;
}

.main-header .navbar > .container {
    height: 58px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.main-header .logo-wrapper,
.main-header .nav-scroll .logo-wrapper {
    display: flex;
    align-items: center;
    height: 58px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.main-header .billionaire-logo__mark {
    width: 30px;
    height: 30px;
}

.main-header .billionaire-logo__text {
    font-size: 17px;
}

.main-header .header-play-btn {
    height: 36px;
    line-height: 36px;
    padding-right: 20px;
    padding-left: 20px;
}

.main-header .navbar.nav-scroll .navbar-nav .nav-link {
    color: #4d3a68 !important;
}

.main-header .navbar.nav-scroll .navbar-nav .nav-link:hover,
.main-header .navbar.nav-scroll .navbar-nav .nav-link.active {
    color: #8050db !important;
}

.main-header .navbar.nav-scroll .billionaire-logo {
    color: #41246f;
}

@media screen and (max-width: 991px) {
    .main-header,
    .main-header .navbar,
    .main-header .navbar.nav-scroll,
    .main-header .navbar > .container,
    .main-header .logo-wrapper,
    .main-header .nav-scroll .logo-wrapper {
        height: 56px !important;
        min-height: 56px !important;
    }
}

@keyframes l1-2 {
    80%,
    100% {
        transform: rotate(0.5turn);
    }
}

/* ======= Owl-Theme custom style ======= */

/* owl-nav */

/* === owl carousel nav style  === */

/* ======= Section style ======= */
.section-padding {
    padding: 120px 0;
}

/* ======= Navbar Top style ======= */
.main-header {
    position: absolute;
    z-index: 999;
    width: 100%;
    background: transparent;
    height: 150px;
}

/* ======= Navbar style ======= */
.navbar {
    position: relative;
    left: 0;
    top: 50px;
    width: 97%;
    z-index: 99;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 100px;
}

.navbar-toggler-icon {
    background-image: none;
}

.navbar .navbar-toggler-icon {
    color: #ffffff;
}

.navbar .navbar-nav .nav-link {
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    margin: 1px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    padding-right: 7px;
    padding-left: 7px;
    font-family: "Euclid Circular A", sans-serif;
}

.navbar .navbar-nav .nav-link:hover {
    color: var(--primary);
}

.navbar .navbar-nav .active {
    color: var(--primary) !important;
}

.navbar .navbar-nav .active i {
    color: var(--primary);
}

.nav-scroll {
    background: #ffffff;
    padding: 0 0 0 0;
    position: fixed;
    top: -100px;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition:
        transform 0.5s,
        -webkit-transform 0.5s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-box-shadow: 0px 8px 15px rgb(0 0 0 / 30%);
    box-shadow: 0px 8px 15px rgb(0 0 0 / 30%);
    border-bottom: 2px solid rgba(255, 255, 255, 0.07);
}

.nav-scroll .navbar-toggler-icon {
    color: var(--primary);
}

.nav-scroll .navbar-nav .nav-link {
    color: #2e2e2e;
}

.nav-scroll .navbar-nav .active {
    color: var(--primary) !important;
}

.nav-scroll .navbar-nav .logo {
    padding: 15px 0;
    color: #fff;
}

.logo-wrapper {
    float: left;
}

.logo {
    padding: 0;
}

.nav-scroll .navbar-nav .active i {
    color: var(--primary);
}

/* li hover */

/* Navbar Media Query */

@media screen and (max-width: 991px) {
    .navbar {
        padding-left: 0px;
        padding-right: 0px;
        background: transparent;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .nav-scroll {
        background: #ffffff;
    }

    .logo-wrapper {
        float: left;
        padding: 26px 0 26px 15px;
    }

    .nav-scroll .logo-wrapper {
        padding: 21px 15px;
        background-color: transparent;
    }

    .navbar .logo {
        text-align: left;
        margin-left: 0px;
    }

    .nav-scroll .logo {
    }

    .navbar button {
        margin-right: 0px;
        outline: none !important;
        background: transparent;
        margin-top: 10px;
        border: none;
    }

    .navbar button:hover {
        background: transparent;
    }

    .navbar button:active,
    .navbar button:focus,
    .navbar button:hover {
        background: transparent;
        outline: none;
        color: transparent !important;
    }

    .navbar .container {
        max-width: 100%;
        padding: 0;
    }

    .navbar .nav-link {
        margin: 0px auto !important;
    }

    .navbar .navbar-nav .nav-link {
        color: #2e2e2e;
    }

    .nav-scroll .navbar-collapse .nav-link {
        color: #2e2e2e !important;
    }

    .nav-scroll .navbar-collapse .active {
        color: var(--primary) !important;
    }

    .navbar .navbar-nav .nav-link {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media screen and (max-width: 991px) {
    .navbar .navbar-collapse {
        background: #fff;
        text-align: left;
        padding: 20px;
        max-height: 80vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

/* ======= Header style ======= */
.header {
    min-height: calc(100vh - 150px);
    overflow: visible;
    background-size: cover;
    background-position: center;
}

.header .social a {
    color: #eee;
    font-size: 21px;
    margin: 10px 15px;
}

/* Final Header & Hero positioning */
.main-header .header-play-btn,
.billionaire-hero .billionaire-hero__cta {
    background-color: #8050db !important;
    background-image: none !important;
    border-color: #8050db !important;
    color: #ffffff !important;
}

.main-header .header-play-btn:hover,
.billionaire-hero .billionaire-hero__cta:hover {
    background-color: #9569e7 !important;
    background-image: none !important;
    border-color: #9569e7 !important;
    background-position: initial !important;
}

.main-header .header-play-btn::before,
.billionaire-hero .billionaire-hero__cta::before {
    display: none !important;
    content: none !important;
}

.billionaire-hero__container.container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: clamp(44px, 5.2vw, 100px) !important;
    padding-right: clamp(30px, 3.2vw, 64px) !important;
}

.billionaire-hero__container > .row {
    margin-right: 0;
    margin-left: 0;
}

.billionaire-hero__container > .row > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.billionaire-hero__content {
    max-width: 560px;
}

.billionaire-hero__backdrop {
    inset: 4% 2.5% 0 2.5%;
    background-size: contain;
    background-position: right bottom;
}

.billionaire-hero::before {
    background: linear-gradient(
        90deg,
        rgba(255, 251, 248, 0.98) 0%,
        rgba(255, 251, 248, 0.9) 28%,
        rgba(255, 251, 248, 0.35) 48%,
        rgba(255, 251, 248, 0) 70%
    );
}

@media screen and (max-width: 1199px) {
    .billionaire-hero__backdrop {
        inset: 7% 1.5% 0 1.5%;
        background-size: auto 88%;
    }
}

@media screen and (max-width: 991px) {
    .billionaire-hero__container.container {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .billionaire-hero__backdrop {
        inset: 9% 0 0 0;
        background-size: auto 78%;
        background-position: 58% bottom;
    }
}

@media screen and (max-width: 767px) {
    .billionaire-hero__container.container {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    .billionaire-hero__backdrop {
        inset: 12% 0 0 0;
        background-size: auto 70%;
        background-position: 60% bottom;
    }
}

/* Key Features */
.key-features {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 12%, rgba(136, 88, 226, 0.11), transparent 28%),
        radial-gradient(circle at 92% 82%, rgba(255, 187, 82, 0.13), transparent 25%), #fffdfb;
}

.key-features::before,
.key-features::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.key-features::before {
    top: 50px;
    right: 7%;
    width: 84px;
    height: 84px;
    border: 18px solid rgba(128, 80, 219, 0.06);
}

.key-features::after {
    bottom: 45px;
    left: 4%;
    width: 46px;
    height: 46px;
    background: rgba(255, 187, 82, 0.12);
}

.key-features .container {
    position: relative;
    z-index: 1;
}

.key-features__intro {
    max-width: 780px;
    margin: 0 auto 46px;
    text-align: center;
}

.key-features__eyebrow {
    display: inline-flex;
    margin-bottom: 17px;
    padding: 7px 13px;
    border: 1px solid rgba(128, 80, 219, 0.22);
    border-radius: 999px;
    background: rgba(128, 80, 219, 0.07);
    color: #7043c2;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.key-features__intro h2 {
    margin-bottom: 18px;
    color: #352251;
    font-size: clamp(38px, 4.2vw, 58px);
    letter-spacing: -2px;
}

.key-features__intro p {
    margin: 0;
    color: #6c607a;
    font-size: 17px;
    line-height: 1.75;
}

.key-features__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.key-features__card {
    position: relative;
    min-height: 290px;
    padding: 30px 26px 28px;
    overflow: hidden;
    border: 1px solid rgba(78, 54, 111, 0.1);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 18px 50px rgba(72, 46, 112, 0.08);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.key-features__card::after {
    content: "";
    position: absolute;
    right: -36px;
    bottom: -42px;
    width: 118px;
    height: 118px;
    border-radius: 50%;
    background: var(--feature-tint);
}

.key-features__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 60px rgba(72, 46, 112, 0.13);
}

.key-features__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 25px;
    border-radius: 17px;
    background: var(--feature-tint);
    color: var(--feature-color);
    font-size: 22px;
}

.key-features__card h3 {
    position: relative;
    z-index: 1;
    margin-bottom: 13px;
    color: #3c2b53;
    font-size: 21px;
}

.key-features__card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #746a80;
    font-size: 14px;
    line-height: 1.7;
}

@media screen and (max-width: 1199px) {
    .key-features__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .key-features__card {
        min-height: 250px;
    }
}

@media screen and (max-width: 767px) {
    .key-features__intro {
        margin-bottom: 32px;
        text-align: left;
    }

    .key-features__intro h2 {
        font-size: 38px;
        letter-spacing: -1.3px;
    }

    .key-features__intro p {
        font-size: 16px;
    }

    .key-features__grid {
        grid-template-columns: 1fr;
    }

    .key-features__card {
        min-height: 0;
    }
}

/* Key Features editorial layout */
.key-features > .container {
    width: calc(100% - 96px) !important;
    max-width: 1440px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.key-features__intro {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(360px, 0.75fr);
    grid-template-rows: auto auto;
    column-gap: 72px;
    align-items: end;
    max-width: none;
    margin: 0 0 46px;
    text-align: left;
}

.key-features__intro h2 {
    grid-column: 1;
    grid-row: 2;
    max-width: 880px;
    margin-bottom: 0;
    font-size: clamp(42px, 4.6vw, 64px);
    line-height: 1.04;
}

.key-features__intro p {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: end;
    max-width: 500px;
    padding-bottom: 7px;
    font-size: 16px;
}

.key-features__grid {
    grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
    grid-template-rows: repeat(3, minmax(0, auto));
    gap: 18px;
}

.key-features__card {
    min-height: 0;
    border-radius: 24px;
}

.key-features__card--spotlight {
    grid-row: 1 / 4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 42px;
    border-color: rgba(255, 255, 255, 0.18);
    background:
        radial-gradient(circle at 82% 14%, rgba(255, 213, 106, 0.3), transparent 22%),
        linear-gradient(145deg, #7041c6 0%, #8d5be2 55%, #6840b1 100%);
    box-shadow: 0 26px 70px rgba(99, 57, 168, 0.24);
}

.key-features__card--spotlight::after {
    right: -70px;
    bottom: -90px;
    width: 230px;
    height: 230px;
    border: 36px solid rgba(255, 255, 255, 0.07);
    background: transparent;
}

.key-features__card-head {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 30px;
}

.key-features__card-head > span,
.key-features__copy > span {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.35px;
    text-transform: uppercase;
}

.key-features__card-head > span {
    color: rgba(255, 255, 255, 0.74);
}

.key-features__card--spotlight .key-features__icon {
    margin: 0;
    background: rgba(255, 255, 255, 0.16);
    color: #ffd978;
}

.key-features__card--spotlight h3 {
    max-width: 620px;
    margin-bottom: 20px;
    color: #ffffff;
    font-size: clamp(32px, 3vw, 44px);
    letter-spacing: -1.4px;
}

.key-features__card--spotlight p {
    max-width: 680px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 16px;
    line-height: 1.75;
}

.key-features__tags {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 30px;
}

.key-features__tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
}

.key-features__tags i {
    color: #ffd978;
}

.key-features__card--compact {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    align-items: center;
    gap: 22px;
    padding: 22px 24px;
    min-height: 166px;
}

.key-features__card--compact::after {
    display: none;
}

.key-features__card--compact .key-features__icon {
    width: 58px;
    height: 58px;
    margin: 0;
    border-radius: 19px;
}

.key-features__copy {
    position: relative;
    z-index: 1;
}

.key-features__copy > span {
    display: block;
    margin-bottom: 7px;
}

.key-features__copy h3 {
    margin-bottom: 8px;
    font-size: 22px;
}

.key-features__copy p {
    font-size: 13px;
    line-height: 1.62;
}

.key-features__card--exclusive {
    background: linear-gradient(120deg, #fff9fb, #fff3f4);
    --feature-color: #de5f72;
    --feature-tint: rgba(222, 95, 114, 0.11);
}

.key-features__card--exclusive .key-features__copy > span {
    color: #c94f63;
}

.key-features__card--wins {
    background: linear-gradient(120deg, #fffdf8, #fff7e8);
    --feature-color: #cc8b20;
    --feature-tint: rgba(204, 139, 32, 0.12);
}

.key-features__card--wins .key-features__copy > span {
    color: #b87914;
}

.key-features__card--studios {
    background: linear-gradient(120deg, #f9fcff, #eef7ff);
    --feature-color: #3f8fc7;
    --feature-tint: rgba(63, 143, 199, 0.11);
}

.key-features__card--studios .key-features__copy > span {
    color: #367fab;
}

@media screen and (max-width: 991px) {
    .key-features > .container {
        width: calc(100% - 48px) !important;
    }

    .key-features__grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .key-features__intro {
        display: block;
    }

    .key-features__intro h2 {
        margin-bottom: 18px;
    }

    .key-features__intro p {
        max-width: 760px;
        padding-bottom: 0;
    }

    .key-features__card--spotlight {
        grid-row: auto;
        padding: 40px;
    }
}

@media screen and (max-width: 575px) {
    .key-features > .container {
        width: calc(100% - 32px) !important;
    }

    .key-features__card--spotlight {
        padding: 32px 25px;
    }

    .key-features__card--compact {
        grid-template-columns: 1fr;
        gap: 17px;
        padding: 26px 24px;
    }
}

/* Billionaire Spin slot catalogue */
.billionaire-slots {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 95% 8%, rgba(255, 196, 86, 0.17), transparent 24%),
        radial-gradient(circle at 3% 94%, rgba(128, 80, 219, 0.13), transparent 27%), #f8f5ff;
}

.billionaire-slots > .container {
    width: calc(100% - 96px) !important;
    max-width: 1440px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.billionaire-slots__heading {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
    gap: 70px;
    align-items: end;
    margin-bottom: 32px;
}

.billionaire-slots__eyebrow,
.billionaire-slots__explainer > div > span,
.billionaire-slots__guide-tag {
    display: block;
    margin-bottom: 10px;
    color: #8050db;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.45px;
    text-transform: uppercase;
}

.billionaire-slots__heading h2 {
    max-width: 780px;
    margin: 0;
    color: #251c33;
    font-size: clamp(42px, 4.35vw, 62px);
    line-height: 1.03;
    letter-spacing: -2.5px;
}

.billionaire-slots__heading > p {
    margin: 0 0 6px;
    color: #665d70;
    font-size: 16px;
    line-height: 1.8;
}

.billionaire-slots__difference {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-bottom: 30px;
}

.billionaire-slots__difference article {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 92px;
    padding: 18px 20px;
    border: 1px solid rgba(77, 54, 111, 0.1);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 12px 32px rgba(58, 36, 91, 0.06);
}

.billionaire-slots__difference article > i {
    display: grid;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 14px;
    background: rgba(128, 80, 219, 0.1);
    color: #8050db;
}

.billionaire-slots__difference strong,
.billionaire-slots__difference span {
    display: block;
}

.billionaire-slots__difference strong {
    margin-bottom: 4px;
    color: #2a2135;
    font-size: 14px;
}

.billionaire-slots__difference span {
    color: #766d7d;
    font-size: 12px;
    line-height: 1.45;
}

.billionaire-slots__app {
    padding: 28px;
    border: 1px solid rgba(73, 48, 110, 0.12);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.83);
    box-shadow: 0 28px 80px rgba(57, 32, 93, 0.12);
    backdrop-filter: blur(12px);
}

.billionaire-slots__tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 18px;
}

.billionaire-slots__tabs button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 58px;
    padding: 12px 16px;
    border: 1px solid rgba(67, 45, 96, 0.1);
    border-radius: 16px;
    background: #f6f2fc;
    color: #574d61;
    transition: 0.25s ease;
}

.billionaire-slots__tabs button i {
    display: grid;
    width: 29px;
    height: 29px;
    place-items: center;
    border-radius: 9px;
    background: #ffffff;
    color: #8050db;
    font-style: normal;
    box-shadow: 0 5px 14px rgba(72, 42, 114, 0.1);
}

.billionaire-slots__tabs button:hover,
.billionaire-slots__tabs button.is-active {
    transform: translateY(-2px);
    border-color: #8050db;
    background: #8050db;
    color: #ffffff;
    box-shadow: 0 12px 25px rgba(128, 80, 219, 0.2);
}

.billionaire-slots__tabs button.is-active i {
    background: rgba(255, 255, 255, 0.17);
    color: #ffdc84;
}

.billionaire-slots__explainer {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr) minmax(260px, 0.52fr);
    gap: 22px;
    align-items: center;
    min-height: 178px;
    margin-bottom: 20px;
    padding: 26px 28px;
    border-radius: 22px;
    background:
        radial-gradient(circle at 95% 20%, rgba(255, 216, 120, 0.25), transparent 20%),
        linear-gradient(135deg, #2d1f40, #49306e);
    color: #ffffff;
}

.billionaire-slots__explainer-icon {
    display: grid;
    width: 64px;
    height: 64px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 19px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffda7c;
    font-size: 28px;
}

.billionaire-slots__explainer > div > span {
    color: #d8c5f8;
}

.billionaire-slots__explainer h3 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 25px;
    line-height: 1.2;
}

.billionaire-slots__explainer p {
    max-width: 730px;
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    line-height: 1.65;
}

.billionaire-slots__facts {
    display: grid;
    gap: 8px;
}

.billionaire-slots__facts b {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 11px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.83);
    font-size: 11px;
    font-weight: 600;
}

.billionaire-slots__facts i {
    color: #ffda7c;
}

.billionaire-slots__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

.billionaire-slots__card {
    min-width: 0;
    overflow: hidden;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 18px;
    background: #ffffff;
    text-align: left;
    box-shadow: 0 10px 28px rgba(51, 31, 78, 0.1);
    transition: 0.25s ease;
}

.billionaire-slots__card:hover,
.billionaire-slots__card.is-selected {
    transform: translateY(-5px);
    border-color: #8050db;
    box-shadow: 0 18px 35px rgba(92, 54, 149, 0.2);
}

.billionaire-slots__card-image {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 2 / 3;
    background: linear-gradient(145deg, #2f2042, #8050db);
}

.billionaire-slots__card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.billionaire-slots__card:hover img {
    transform: scale(1.045);
}

.billionaire-slots__card-copy {
    position: relative;
    display: block;
    min-height: 92px;
    padding: 14px 36px 13px 14px;
}

.billionaire-slots__card-copy strong,
.billionaire-slots__card-copy small {
    display: block;
}

.billionaire-slots__card-copy strong {
    overflow: hidden;
    min-height: 38px;
    color: #2d2436;
    font-size: 13px;
    line-height: 1.42;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.billionaire-slots__card-copy small {
    overflow: hidden;
    margin-top: 6px;
    color: #8a8191;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.billionaire-slots__card-copy > i {
    position: absolute;
    right: 12px;
    bottom: 15px;
    display: grid;
    width: 25px;
    height: 25px;
    place-items: center;
    border-radius: 8px;
    background: #f0e9fb;
    color: #8050db;
    font-size: 10px;
}

.billionaire-slots__guide {
    position: relative;
    margin-top: 18px;
    padding: 28px;
    border: 1px solid rgba(128, 80, 219, 0.18);
    border-radius: 22px;
    background: linear-gradient(135deg, #fcfaff, #f4effc);
    box-shadow: inset 4px 0 0 #8050db;
}

.billionaire-slots__guide[hidden] {
    display: none;
}

.billionaire-slots__guide-close {
    position: absolute;
    top: 17px;
    right: 18px;
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 50%;
    background: #ffffff;
    color: #554761;
    font-size: 22px;
    box-shadow: 0 7px 18px rgba(46, 29, 70, 0.11);
}

.billionaire-slots__guide h3 {
    margin: 0 45px 8px 0;
    color: #2b2034;
    font-size: 27px;
}

.billionaire-slots__guide-intro {
    max-width: 940px;
    margin-bottom: 20px;
    color: #6f6575;
    font-size: 14px;
    line-height: 1.7;
}

.billionaire-slots__guide-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.billionaire-slots__guide-columns > div {
    padding: 16px 18px;
    border: 1px solid rgba(67, 45, 96, 0.09);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.75);
}

.billionaire-slots__guide-columns strong {
    display: block;
    margin-bottom: 6px;
    color: #4c3865;
    font-size: 12px;
}

.billionaire-slots__guide-columns p {
    margin: 0;
    color: #716778;
    font-size: 12px;
    line-height: 1.6;
}

.billionaire-slots__guide-note {
    display: flex;
    gap: 8px;
    margin: 15px 0 0;
    color: #8b818f;
    font-size: 10px;
    line-height: 1.55;
}

.billionaire-slots__guide-note i {
    color: #8050db;
}

@media screen and (max-width: 1199px) {
    .billionaire-slots__grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .billionaire-slots__explainer {
        grid-template-columns: 64px 1fr;
    }
    .billionaire-slots__facts {
        grid-column: 1 / -1;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 991px) {
    .billionaire-slots > .container {
        width: calc(100% - 48px) !important;
    }
    .billionaire-slots__heading {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .billionaire-slots__difference {
        grid-template-columns: 1fr;
    }
    .billionaire-slots__tabs {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 575px) {
    .billionaire-slots > .container {
        width: calc(100% - 32px) !important;
    }
    .billionaire-slots__heading h2 {
        font-size: 38px;
        letter-spacing: -1.5px;
    }
    .billionaire-slots__app {
        padding: 16px;
        border-radius: 22px;
    }
    .billionaire-slots__tabs {
        grid-template-columns: 1fr 1fr;
        gap: 7px;
    }
    .billionaire-slots__tabs button {
        min-height: 52px;
        padding: 9px;
        font-size: 11px;
    }
    .billionaire-slots__explainer {
        grid-template-columns: 1fr;
        padding: 23px 20px;
    }
    .billionaire-slots__explainer-icon {
        width: 52px;
        height: 52px;
    }
    .billionaire-slots__facts {
        grid-column: auto;
        grid-template-columns: 1fr;
    }
    .billionaire-slots__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }
    .billionaire-slots__card-copy {
        min-height: 98px;
        padding-left: 11px;
    }
    .billionaire-slots__guide {
        padding: 23px 20px;
    }
    .billionaire-slots__guide-columns {
        grid-template-columns: 1fr;
    }
}

/* Solid fixed header */
.main-header,
.main-header:has(.navbar.nav-scroll) {
    background: #fffaf7 !important;
    background-color: #fffaf7 !important;
    border-bottom: 1px solid #e8deef !important;
    box-shadow: 0 7px 24px rgba(55, 35, 82, 0.12) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    isolation: isolate;
}

.main-header .navbar,
.main-header .navbar.nav-scroll {
    background: #fffaf7 !important;
    background-color: #fffaf7 !important;
    background-image: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.main-header .navbar::before,
.main-header .navbar::after {
    display: none !important;
    content: none !important;
}

@media screen and (max-width: 991px) {
    .main-header .navbar-collapse {
        border-top: 1px solid rgba(128, 80, 219, 0.12);
        box-shadow: 0 18px 35px rgba(44, 28, 68, 0.18);
    }
}

/* Billionaire Spin games catalogue */
.billionaire-games {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 7% 13%, rgba(239, 142, 91, 0.17), transparent 25%),
        radial-gradient(circle at 92% 87%, rgba(128, 80, 219, 0.12), transparent 27%), #fff9f4;
}

.billionaire-games > .container {
    width: calc(100% - 96px) !important;
    max-width: 1440px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.billionaire-games__heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(380px, 0.72fr);
    column-gap: 70px;
    align-items: end;
    margin-bottom: 38px;
}

.billionaire-games__heading > span {
    grid-column: 1;
    margin-bottom: 11px;
    color: #c65e35;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.billionaire-games__heading h2 {
    grid-column: 1;
    max-width: 850px;
    margin: 0;
    color: #30203d;
    font-size: clamp(42px, 4.4vw, 64px);
    line-height: 1.03;
    letter-spacing: -2.5px;
}

.billionaire-games__heading p {
    grid-column: 2;
    grid-row: 1 / 3;
    margin: 0 0 4px;
    color: #6d606e;
    font-size: 15px;
    line-height: 1.82;
}

.billionaire-games__app {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    grid-template-areas: "tabs explainer" "grid grid" "guide guide";
    gap: 20px 22px;
    padding: 28px;
    border: 1px solid rgba(90, 52, 100, 0.1);
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 28px 80px rgba(70, 39, 75, 0.11);
}

.billionaire-games__app:not(:has(.billionaire-games__guide:not([hidden]))) {
    grid-template-areas: "tabs explainer" "grid grid";
    padding-bottom: 14px;
    row-gap: 14px;
}

.billionaire-games__tabs {
    grid-area: tabs;
    display: grid;
    gap: 10px;
}

.billionaire-games__tabs button {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    padding: 10px 14px;
    border: 1px solid #eedfd6;
    border-radius: 17px;
    background: #fff8f3;
    color: #654f62;
    text-align: left;
    transition: 0.25s ease;
}

.billionaire-games__tabs button > i {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 11px;
    background: linear-gradient(145deg, #f5a253, #cc5a87);
    color: #ffffff;
    font-style: normal;
    box-shadow: 0 7px 16px rgba(194, 84, 111, 0.17);
}

.billionaire-games__tabs button strong {
    font-size: 12px;
}

.billionaire-games__tabs button:hover,
.billionaire-games__tabs button.is-active {
    transform: translateX(4px);
    border-color: transparent;
    background: linear-gradient(135deg, #ee994c, #bf4f91);
    color: #ffffff;
    box-shadow: 0 13px 26px rgba(188, 72, 126, 0.2);
}

.billionaire-games__tabs button.is-active > i {
    background: rgba(255, 255, 255, 0.18);
}

.billionaire-games__explainer {
    grid-area: explainer;
    display: grid;
    grid-template-columns: 66px minmax(0, 1fr) 230px;
    gap: 20px;
    align-items: center;
    min-height: 254px;
    padding: 30px 34px;
    overflow: hidden;
    border-radius: 28px 12px 28px 12px;
    background:
        radial-gradient(circle at 96% 10%, rgba(255, 200, 115, 0.18), transparent 28%),
        linear-gradient(135deg, #382342, #64365b);
}

.billionaire-games__explainer-mark {
    display: grid;
    width: 62px;
    height: 62px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 19px;
    background: rgba(255, 255, 255, 0.09);
    color: #ffd58d;
    font-size: 27px;
}

.billionaire-games__explainer-copy > span,
.billionaire-games__guide-tag {
    display: block;
    margin-bottom: 8px;
    color: #f2b9cf;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.35px;
    text-transform: uppercase;
}

.billionaire-games__explainer h3 {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 27px;
    line-height: 1.18;
}

.billionaire-games__explainer-copy > p {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    line-height: 1.72;
}

.billionaire-games__facts {
    display: grid;
    gap: 9px;
}

.billionaire-games__facts b {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 11px;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.82);
    font-size: 10px;
    font-weight: 600;
}

.billionaire-games__facts i {
    color: #ffd58d;
}

.billionaire-games__grid {
    grid-area: grid;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

.billionaire-games__card {
    min-width: 0;
    overflow: hidden;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 20px 20px 10px 10px;
    background: #ffffff;
    text-align: left;
    box-shadow: 0 10px 27px rgba(66, 38, 65, 0.1);
    transition: 0.25s ease;
}

.billionaire-games__card:hover,
.billionaire-games__card.is-selected {
    transform: translateY(-5px);
    border-color: #cf5f83;
    box-shadow: 0 18px 34px rgba(177, 75, 117, 0.2);
}

.billionaire-games__card-image {
    display: block;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 2 / 3;
    background: linear-gradient(145deg, #42294a, #c65e79);
}

.billionaire-games__card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.billionaire-games__card:hover img {
    transform: scale(1.045);
}

.billionaire-games__card-copy {
    position: relative;
    display: block;
    min-height: 91px;
    padding: 14px 39px 13px 14px;
}

.billionaire-games__card-copy strong,
.billionaire-games__card-copy small {
    display: block;
}

.billionaire-games__card-copy strong {
    min-height: 38px;
    overflow: hidden;
    color: #302634;
    font-size: 13px;
    line-height: 1.42;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.billionaire-games__card-copy small {
    overflow: hidden;
    margin-top: 6px;
    color: #94848e;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.billionaire-games__card-copy > i {
    position: absolute;
    right: 12px;
    bottom: 15px;
    display: grid;
    width: 27px;
    height: 27px;
    place-items: center;
    border-radius: 9px;
    background: #fff0f1;
    color: #c9557e;
    font-size: 10px;
}

.billionaire-games__guide {
    grid-area: guide;
    position: relative;
    padding: 29px 70px 29px 29px;
    border: 1px solid #ead8df;
    border-radius: 12px 26px 12px 26px;
    background: linear-gradient(135deg, #fffaf8, #fff3f5);
    box-shadow: inset 4px 0 0 #ce5a80;
}

.billionaire-games__guide[hidden] {
    display: none;
}

.billionaire-games__guide-close {
    position: absolute;
    top: 17px;
    right: 18px;
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 50%;
    background: #ffffff;
    color: #5f4a5c;
    font-size: 22px;
    box-shadow: 0 7px 18px rgba(68, 36, 60, 0.12);
}

.billionaire-games__guide-tag {
    color: #bd4e73;
}

.billionaire-games__guide h3 {
    margin: 0 48px 8px 0;
    color: #39263a;
    font-size: 29px;
}

.billionaire-games__guide-intro {
    max-width: 930px;
    margin-bottom: 18px;
    color: #756572;
    font-size: 16px;
    line-height: 1.72;
}

.billionaire-games__guide-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 11px;
}

.billionaire-games__guide-grid article {
    display: flex;
    gap: 12px;
    padding: 16px;
    border: 1px solid rgba(109, 64, 88, 0.09);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.8);
}

.billionaire-games__guide-grid article > i {
    display: grid;
    flex: 0 0 33px;
    width: 33px;
    height: 33px;
    place-items: center;
    border-radius: 10px;
    background: #fff0e9;
    color: #c75b72;
    font-size: 11px;
}

.billionaire-games__guide-grid strong {
    display: block;
    margin-bottom: 5px;
    color: #5e3f55;
    font-size: 13px;
}

.billionaire-games__guide-grid p {
    margin: 0;
    color: #7a6a75;
    font-size: 14px;
    line-height: 1.62;
}

.billionaire-games__guide-note {
    margin: 14px 0 0;
    color: #7f7079;
    font-size: 13px;
    line-height: 1.62;
}

@media screen and (max-width: 1199px) {
    .billionaire-games__explainer {
        grid-template-columns: 60px 1fr;
    }
    .billionaire-games__facts {
        grid-column: 1 / -1;
        grid-template-columns: repeat(3, 1fr);
    }
    .billionaire-games__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 991px) {
    .billionaire-games > .container {
        width: calc(100% - 48px) !important;
    }
    .billionaire-games__heading {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .billionaire-games__heading p {
        grid-column: 1;
        grid-row: auto;
    }
    .billionaire-games__app {
        grid-template-columns: 1fr;
        grid-template-areas: "tabs" "explainer" "grid" "guide";
    }
    .billionaire-games__tabs {
        grid-template-columns: repeat(2, 1fr);
    }
    .billionaire-games__tabs button:hover,
    .billionaire-games__tabs button.is-active {
        transform: translateY(-2px);
    }
    .billionaire-games__guide-grid {
        grid-template-columns: 1fr;
    }
    .billionaire-games__app:not(:has(.billionaire-games__guide:not([hidden]))) {
        grid-template-areas: "tabs" "explainer" "grid";
    }
}

@media screen and (max-width: 575px) {
    .billionaire-games > .container {
        width: calc(100% - 32px) !important;
    }
    .billionaire-games__heading h2 {
        font-size: 38px;
        letter-spacing: -1.5px;
    }
    .billionaire-games__app {
        padding: 16px;
        border-radius: 22px;
    }
    .billionaire-games__tabs {
        gap: 7px;
    }
    .billionaire-games__tabs button {
        min-height: 52px;
        padding: 8px 9px;
    }
    .billionaire-games__tabs button strong {
        font-size: 10px;
    }
    .billionaire-games__explainer {
        grid-template-columns: 1fr;
        padding: 23px 20px;
    }
    .billionaire-games__facts {
        grid-column: auto;
        grid-template-columns: 1fr;
    }
    .billionaire-games__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }
    .billionaire-games__card-copy {
        min-height: 98px;
        padding-left: 11px;
    }
    .billionaire-games__guide {
        padding: 58px 20px 23px;
    }
    .billionaire-games__guide-close {
        top: 14px;
        right: 14px;
    }
}

/* Billionaire Spin live casino */
.billionaire-live {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 10%, rgba(234, 184, 83, 0.12), transparent 26%),
        radial-gradient(circle at 92% 88%, rgba(79, 122, 190, 0.18), transparent 28%), #071322;
    color: #fff;
}
.billionaire-live > .container {
    width: calc(100% - 96px) !important;
    max-width: 1440px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.billionaire-live__heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 0.72fr);
    column-gap: 72px;
    align-items: end;
    margin-bottom: 34px;
}
.billionaire-live__heading > span {
    grid-column: 1;
    margin-bottom: 11px;
    color: #e8ba65;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
.billionaire-live__heading h2 {
    grid-column: 1;
    margin: 0;
    max-width: 850px;
    color: #fff;
    font-size: clamp(43px, 4.5vw, 65px);
    line-height: 1.02;
    letter-spacing: -2.6px;
}
.billionaire-live__heading p {
    grid-column: 2;
    grid-row: 1/3;
    margin: 0 0 4px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
    line-height: 1.82;
}
.billionaire-live__scale {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
    margin-bottom: 24px;
}
.billionaire-live__scale article {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 17px 19px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.055);
}
.billionaire-live__scale article > i {
    display: grid;
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    place-items: center;
    border-radius: 13px;
    background: rgba(232, 186, 101, 0.12);
    color: #e8ba65;
}
.billionaire-live__scale strong,
.billionaire-live__scale span {
    display: block;
}
.billionaire-live__scale strong {
    margin-bottom: 3px;
    color: #fff;
    font-size: 13px;
}
.billionaire-live__scale span {
    color: rgba(255, 255, 255, 0.58);
    font-size: 11px;
    line-height: 1.48;
}
.billionaire-live__app {
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.055);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25);
}
.billionaire-live__tabs {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 18px;
}
.billionaire-live__tabs button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 55px;
    padding: 9px 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.055);
    color: rgba(255, 255, 255, 0.72);
    transition: 0.25s ease;
}
.billionaire-live__tabs button i {
    display: grid;
    width: 29px;
    height: 29px;
    place-items: center;
    border-radius: 9px;
    background: rgba(232, 186, 101, 0.11);
    color: #e8ba65;
    font-style: normal;
}
.billionaire-live__tabs button strong {
    font-size: 10px;
    line-height: 1.2;
}
.billionaire-live__tabs button:hover,
.billionaire-live__tabs button.is-active {
    transform: translateY(-2px);
    border-color: #e1ad52;
    background: linear-gradient(135deg, #c48d34, #e2b75f);
    color: #132036;
    box-shadow: 0 12px 26px rgba(195, 139, 47, 0.22);
}
.billionaire-live__tabs button.is-active i {
    background: rgba(7, 19, 34, 0.13);
    color: #132036;
}
.billionaire-live__explainer {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr) 240px;
    gap: 21px;
    align-items: center;
    min-height: 220px;
    margin-bottom: 18px;
    padding: 28px 31px;
    border: 1px solid rgba(232, 186, 101, 0.16);
    border-radius: 22px;
    background:
        radial-gradient(circle at 94% 12%, rgba(232, 186, 101, 0.13), transparent 25%),
        linear-gradient(135deg, #10243c, #183653);
}
.billionaire-live__mark {
    display: grid;
    width: 64px;
    height: 64px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 19px;
    background: rgba(255, 255, 255, 0.06);
    color: #e8ba65;
    font-size: 27px;
}
.billionaire-live__copy > span,
.billionaire-live__guide-tag {
    display: block;
    margin-bottom: 8px;
    color: #e8ba65;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}
.billionaire-live__copy h3 {
    margin: 0 0 9px;
    color: #fff;
    font-size: 27px;
    line-height: 1.18;
}
.billionaire-live__copy p {
    margin: 0;
    color: rgba(255, 255, 255, 0.68);
    font-size: 13px;
    line-height: 1.7;
}
.billionaire-live__facts {
    display: grid;
    gap: 8px;
}
.billionaire-live__facts b {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 10px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.76);
    font-size: 10px;
    font-weight: 600;
}
.billionaire-live__facts i {
    color: #e8ba65;
}
.billionaire-live__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 11px;
}
.billionaire-live__card {
    min-width: 0;
    overflow: hidden;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 18px;
    background: #fff;
    text-align: left;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
    transition: 0.25s ease;
}
.billionaire-live__card:hover,
.billionaire-live__card.is-selected {
    transform: translateY(-5px);
    border-color: #e1ad52;
    box-shadow: 0 19px 36px rgba(0, 0, 0, 0.28);
}
.billionaire-live__image {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 2/3;
    background: #112a46;
}
.billionaire-live__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}
.billionaire-live__card:hover img {
    transform: scale(1.045);
}
.billionaire-live__image em {
    position: absolute;
    top: 9px;
    left: 9px;
    padding: 5px 8px;
    border-radius: 999px;
    background: #cf3238;
    color: #fff;
    font-size: 8px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
}
.billionaire-live__card-copy {
    position: relative;
    display: block;
    min-height: 91px;
    padding: 14px 37px 13px 13px;
}
.billionaire-live__card-copy strong,
.billionaire-live__card-copy small {
    display: block;
}
.billionaire-live__card-copy strong {
    min-height: 38px;
    overflow: hidden;
    color: #263248;
    font-size: 13px;
    line-height: 1.42;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.billionaire-live__card-copy small {
    margin-top: 6px;
    color: #8a93a0;
    font-size: 10px;
}
.billionaire-live__card-copy > i {
    position: absolute;
    right: 11px;
    bottom: 15px;
    display: grid;
    width: 26px;
    height: 26px;
    place-items: center;
    border-radius: 8px;
    background: #f7eedc;
    color: #b67e28;
    font-size: 9px;
}
.billionaire-live__guide {
    position: relative;
    margin-top: 17px;
    padding: 28px 68px 28px 28px;
    border: 1px solid rgba(232, 186, 101, 0.2);
    border-radius: 22px;
    background: linear-gradient(135deg, #10243c, #17334f);
    box-shadow: inset 4px 0 0 #d8a44f;
}
.billionaire-live__guide[hidden] {
    display: none;
}
.billionaire-live__guide-close {
    position: absolute;
    top: 16px;
    right: 17px;
    display: grid;
    width: 35px;
    height: 35px;
    place-items: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 22px;
}
.billionaire-live__guide h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 29px;
}
.billionaire-live__guide-intro {
    max-width: 960px;
    margin-bottom: 18px;
    color: rgba(255, 255, 255, 0.73);
    font-size: 16px;
    line-height: 1.7;
}
.billionaire-live__guide-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.billionaire-live__guide-grid article {
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.055);
}
.billionaire-live__guide-grid strong {
    display: block;
    margin-bottom: 6px;
    color: #e8ba65;
    font-size: 13px;
}
.billionaire-live__guide-grid p {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    line-height: 1.6;
}
.billionaire-live__guide-note {
    margin: 13px 0 0;
    color: rgba(255, 255, 255, 0.54);
    font-size: 12px;
    line-height: 1.6;
}
@media (max-width: 1199px) {
    .billionaire-live__tabs {
        grid-template-columns: repeat(4, 1fr);
    }
    .billionaire-live__explainer {
        grid-template-columns: 60px 1fr;
    }
    .billionaire-live__facts {
        grid-column: 1/-1;
        grid-template-columns: repeat(3, 1fr);
    }
    .billionaire-live__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 991px) {
    .billionaire-live > .container {
        width: calc(100% - 48px) !important;
    }
    .billionaire-live__heading {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .billionaire-live__heading p {
        grid-column: 1;
        grid-row: auto;
    }
    .billionaire-live__scale {
        grid-template-columns: 1fr;
    }
    .billionaire-live__guide-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 575px) {
    .billionaire-live > .container {
        width: calc(100% - 32px) !important;
    }
    .billionaire-live__heading h2 {
        font-size: 38px;
        letter-spacing: -1.5px;
    }
    .billionaire-live__app {
        padding: 15px;
        border-radius: 21px;
    }
    .billionaire-live__tabs {
        grid-template-columns: repeat(2, 1fr);
        gap: 7px;
    }
    .billionaire-live__tabs button {
        justify-content: flex-start;
        padding: 8px;
    }
    .billionaire-live__explainer {
        grid-template-columns: 1fr;
        padding: 22px 19px;
    }
    .billionaire-live__facts {
        grid-column: auto;
        grid-template-columns: 1fr;
    }
    .billionaire-live__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
    .billionaire-live__guide {
        padding: 55px 19px 22px;
    }
    .billionaire-live__guide-close {
        top: 13px;
        right: 13px;
    }
}

/* Billionaire Spin sportsbook */
.billionaire-sports {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 88%, rgba(132, 85, 215, 0.1), transparent 25%), #fffaf7;
}
.billionaire-sports > .container {
    width: calc(100% - 96px) !important;
    max-width: 1440px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.billionaire-sports__hero {
    position: relative;
    min-height: 560px;
    overflow: hidden;
    margin-bottom: 25px;
    border: 1px solid rgba(91, 56, 132, 0.1);
    border-radius: 36px;
    background: #fdf9f5;
    box-shadow: 0 28px 75px rgba(68, 42, 89, 0.1);
}
.billionaire-sports__hero > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.billionaire-sports__hero-copy {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 51%;
    min-height: 560px;
    padding: 55px;
    background: linear-gradient(
        90deg,
        rgba(255, 250, 247, 0.99) 0%,
        rgba(255, 250, 247, 0.94) 72%,
        rgba(255, 250, 247, 0) 100%
    );
}
.billionaire-sports__hero-copy > span,
.billionaire-sports__builder-head > span,
.billionaire-sports__markets > div > span,
.billionaire-sports__guide-intro > span {
    display: block;
    margin-bottom: 10px;
    color: #8050db;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.45px;
    text-transform: uppercase;
}
.billionaire-sports__hero-copy h2 {
    max-width: 650px;
    margin: 0 0 20px;
    color: #2d203a;
    font-size: clamp(43px, 4.3vw, 62px);
    line-height: 1.02;
    letter-spacing: -2.4px;
}
.billionaire-sports__hero-copy p {
    max-width: 630px;
    margin: 0 0 14px;
    color: #6d6272;
    font-size: 15px;
    line-height: 1.78;
}
.billionaire-sports__hero-copy p:last-child {
    margin-bottom: 0;
}
.billionaire-sports__timing {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
    margin-bottom: 25px;
}
.billionaire-sports__timing article {
    position: relative;
    padding: 25px 24px;
    border: 1px solid rgba(84, 56, 112, 0.1);
    border-radius: 18px 18px 18px 5px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(63, 38, 77, 0.07);
}
.billionaire-sports__timing article.is-featured {
    background: linear-gradient(145deg, #8050db, #5f3dad);
    color: #fff;
    box-shadow: 0 18px 42px rgba(104, 63, 178, 0.22);
}
.billionaire-sports__timing-icon {
    display: grid;
    width: 44px;
    height: 44px;
    margin-bottom: 18px;
    place-items: center;
    border-radius: 14px;
    background: #f1eafb;
    color: #8050db;
}
.billionaire-sports__timing .is-featured .billionaire-sports__timing-icon {
    background: rgba(255, 255, 255, 0.14);
    color: #ffda84;
}
.billionaire-sports__timing article > span {
    display: block;
    margin-bottom: 6px;
    color: #b66d2e;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}
.billionaire-sports__timing .is-featured > span {
    color: #ffda84;
}
.billionaire-sports__timing h3 {
    margin: 0 0 9px;
    color: #31233d;
    font-size: 21px;
}
.billionaire-sports__timing .is-featured h3 {
    color: #fff;
}
.billionaire-sports__timing p {
    margin: 0;
    color: #756a79;
    font-size: 13px;
    line-height: 1.68;
}
.billionaire-sports__timing .is-featured p {
    color: rgba(255, 255, 255, 0.76);
}
.billionaire-sports__explainer {
    display: grid;
    grid-template-columns: 1.25fr repeat(3, 1fr);
    gap: 11px;
    margin-bottom: 25px;
}
.billionaire-sports__explainer-title {
    padding: 27px 28px;
    border-radius: 6px 22px 6px 22px;
    background: #efe7f8;
}
.billionaire-sports__explainer-title > span {
    display: block;
    margin-bottom: 8px;
    color: #8050db;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.billionaire-sports__explainer-title h3 {
    margin: 0 0 10px;
    color: #31233d;
    font-size: 25px;
    line-height: 1.18;
}
.billionaire-sports__explainer-title p {
    margin: 0;
    color: #706374;
    font-size: 12px;
    line-height: 1.7;
}
.billionaire-sports__explainer article {
    display: flex;
    gap: 13px;
    padding: 24px 20px;
    border: 1px solid rgba(84, 56, 112, 0.1);
    border-radius: 17px;
    background: #fff;
}
.billionaire-sports__explainer article > i {
    display: grid;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 11px;
    background: #f1eafb;
    color: #8050db;
}
.billionaire-sports__explainer strong {
    display: block;
    margin-bottom: 6px;
    color: #382944;
    font-size: 14px;
}
.billionaire-sports__explainer p {
    margin: 0;
    color: #786c7b;
    font-size: 11px;
    line-height: 1.64;
}
.billionaire-sports__builder {
    display: grid;
    grid-template-columns: 330px minmax(0, 1fr);
    grid-template-areas: "head tabs" "head panel";
    gap: 12px 25px;
    margin-bottom: 25px;
    padding: 30px;
    border-radius: 30px;
    background: linear-gradient(135deg, #1c243b, #352750);
    box-shadow: 0 25px 65px rgba(32, 25, 52, 0.2);
}
.billionaire-sports__builder-head {
    grid-area: head;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px;
}
.billionaire-sports__builder-head > span {
    color: #e9bd6c;
}
.billionaire-sports__builder-head h3 {
    margin: 0 0 13px;
    color: #fff;
    font-size: 31px;
    line-height: 1.17;
}
.billionaire-sports__builder-head p {
    margin: 0;
    color: rgba(255, 255, 255, 0.62);
    font-size: 13px;
    line-height: 1.72;
}
.billionaire-sports__format-tabs {
    grid-area: tabs;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}
.billionaire-sports__format-tabs button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 52px;
    padding: 9px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.72);
    transition: 0.25s ease;
}
.billionaire-sports__format-tabs button i {
    display: grid;
    width: 27px;
    height: 27px;
    place-items: center;
    border-radius: 8px;
    background: rgba(233, 189, 108, 0.1);
    color: #e9bd6c;
    font-style: normal;
}
.billionaire-sports__format-tabs button strong {
    font-size: 10px;
}
.billionaire-sports__format-tabs button:hover,
.billionaire-sports__format-tabs button.is-active {
    border-color: #e4b85f;
    background: #e4b85f;
    color: #222940;
    transform: translateY(-2px);
}
.billionaire-sports__format-tabs button.is-active i {
    background: rgba(34, 41, 64, 0.1);
    color: #222940;
}
.billionaire-sports__format-panel {
    grid-area: panel;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 245px;
    gap: 22px;
    align-items: center;
    min-height: 198px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.05);
}
.billionaire-sports__format-panel > div > span {
    display: block;
    margin-bottom: 6px;
    color: #e9bd6c;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.billionaire-sports__format-panel h4 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 23px;
}
.billionaire-sports__format-panel p {
    margin: 0;
    color: rgba(255, 255, 255, 0.65);
    font-size: 13px;
    line-height: 1.68;
}
.billionaire-sports__format-points {
    display: grid;
    gap: 7px;
}
.billionaire-sports__format-points b {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.73);
    font-size: 10px;
    font-weight: 600;
}
.billionaire-sports__format-points i {
    color: #e9bd6c;
}
.billionaire-sports__markets {
    display: grid;
    grid-template-columns: 0.62fr 1fr;
    gap: 16px 65px;
    align-items: end;
    margin-bottom: 22px;
    padding: 35px;
    border: 1px solid rgba(101, 62, 143, 0.11);
    border-radius: 7px 30px 7px 30px;
    background: #fff;
    box-shadow: 0 17px 45px rgba(64, 41, 79, 0.08);
}
.billionaire-sports__markets h3 {
    margin: 0;
    color: #30213b;
    font-size: 34px;
    line-height: 1.1;
}
.billionaire-sports__markets > p {
    margin: 0;
    color: #716574;
    font-size: 14px;
    line-height: 1.75;
}
.billionaire-sports__market-tags {
    grid-column: 1/-1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 7px;
}
.billionaire-sports__market-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 12px;
    border: 1px solid #eee4f5;
    border-radius: 999px;
    background: #faf7fd;
    color: #604679;
    font-size: 11px;
    font-weight: 600;
}
.billionaire-sports__market-tags i {
    color: #8050db;
}
.billionaire-sports__guide-toggle {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 21px 25px;
    border: 0;
    border-radius: 17px;
    background: linear-gradient(90deg, #8050db, #a160ce);
    color: #fff;
    text-align: left;
    box-shadow: 0 15px 35px rgba(120, 69, 191, 0.2);
    transition: 0.25s ease;
}
.billionaire-sports__guide-toggle:hover {
    transform: translateY(-2px);
    box-shadow: 0 19px 40px rgba(120, 69, 191, 0.27);
}
.billionaire-sports__guide-toggle span small,
.billionaire-sports__guide-toggle span strong {
    display: block;
}
.billionaire-sports__guide-toggle span small {
    margin-bottom: 3px;
    color: rgba(255, 255, 255, 0.68);
    font-size: 10px;
}
.billionaire-sports__guide-toggle span strong {
    font-size: 15px;
}
.billionaire-sports__guide-toggle > i {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
    transition: 0.25s ease;
}
.billionaire-sports__guide-toggle[aria-expanded="true"] > i {
    transform: rotate(180deg);
}
.billionaire-sports__guide {
    margin-top: 13px;
    padding: 34px;
    border: 1px solid rgba(108, 66, 153, 0.12);
    border-radius: 28px;
    background: linear-gradient(145deg, #fff, #f8f2fc);
    box-shadow: 0 24px 60px rgba(73, 43, 93, 0.1);
}
.billionaire-sports__guide[hidden] {
    display: none;
}
.billionaire-sports__guide-intro {
    max-width: 980px;
    margin-bottom: 24px;
}
.billionaire-sports__guide-intro h3 {
    margin: 0 0 10px;
    color: #30203b;
    font-size: 34px;
}
.billionaire-sports__guide-intro p {
    margin: 0;
    color: #716675;
    font-size: 14px;
    line-height: 1.72;
}
.billionaire-sports__sport-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.billionaire-sports__sport-grid article {
    position: relative;
    padding: 20px;
    border: 1px solid rgba(97, 60, 133, 0.09);
    border-radius: 16px;
    background: #fff;
}
.billionaire-sports__sport-grid article > i {
    display: grid;
    width: 38px;
    height: 38px;
    margin-bottom: 13px;
    place-items: center;
    border-radius: 12px;
    background: #f1eafb;
    color: #8050db;
}
.billionaire-sports__sport-grid h4 {
    margin: 0 0 7px;
    color: #3b2b45;
    font-size: 17px;
}
.billionaire-sports__sport-grid p {
    margin: 0;
    color: #7b6e7b;
    font-size: 12px;
    line-height: 1.65;
}
.billionaire-sports__essentials {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 9px;
    margin-top: 13px;
}
.billionaire-sports__essentials article {
    padding: 16px;
    border-radius: 13px;
    background: #28213d;
}
.billionaire-sports__essentials strong {
    display: block;
    margin-bottom: 5px;
    color: #e9bd6c;
    font-size: 12px;
}
.billionaire-sports__essentials p {
    margin: 0;
    color: rgba(255, 255, 255, 0.65);
    font-size: 11px;
    line-height: 1.58;
}
.billionaire-sports__guide-note {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 13px;
    padding: 20px 22px;
    border: 1px solid #e7d9f1;
    border-radius: 15px;
    background: #f2eafa;
}
.billionaire-sports__guide-note > i {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 13px;
    background: #8050db;
    color: #fff;
}
.billionaire-sports__guide-note p {
    margin: 0;
    color: #5e4c68;
    font-size: 13px;
    line-height: 1.7;
}
@media (max-width: 1199px) {
    .billionaire-sports__hero-copy {
        width: 58%;
    }
    .billionaire-sports__explainer {
        grid-template-columns: repeat(3, 1fr);
    }
    .billionaire-sports__explainer-title {
        grid-column: 1/-1;
    }
    .billionaire-sports__builder {
        grid-template-columns: 280px 1fr;
    }
    .billionaire-sports__sport-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .billionaire-sports__essentials {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 991px) {
    .billionaire-sports > .container {
        width: calc(100% - 48px) !important;
    }
    .billionaire-sports__hero {
        min-height: 710px;
    }
    .billionaire-sports__hero > img {
        object-position: 62% bottom;
    }
    .billionaire-sports__hero-copy {
        width: 100%;
        min-height: 710px;
        justify-content: flex-start;
        padding: 40px;
        background: linear-gradient(
            180deg,
            rgba(255, 250, 247, 0.99) 0%,
            rgba(255, 250, 247, 0.94) 54%,
            rgba(255, 250, 247, 0.2) 79%,
            transparent 100%
        );
    }
    .billionaire-sports__timing {
        grid-template-columns: 1fr;
    }
    .billionaire-sports__explainer {
        grid-template-columns: 1fr;
    }
    .billionaire-sports__explainer-title {
        grid-column: 1;
    }
    .billionaire-sports__builder {
        grid-template-columns: 1fr;
        grid-template-areas: "head" "tabs" "panel";
    }
    .billionaire-sports__markets {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .billionaire-sports__market-tags {
        grid-column: 1;
    }
    .billionaire-sports__format-panel {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 575px) {
    .billionaire-sports > .container {
        width: calc(100% - 32px) !important;
    }
    .billionaire-sports__hero {
        min-height: 720px;
        border-radius: 24px;
    }
    .billionaire-sports__hero-copy {
        padding: 28px 22px;
    }
    .billionaire-sports__hero-copy h2 {
        font-size: 38px;
        letter-spacing: -1.5px;
    }
    .billionaire-sports__format-tabs {
        grid-template-columns: repeat(2, 1fr);
    }
    .billionaire-sports__builder {
        padding: 20px;
        border-radius: 22px;
    }
    .billionaire-sports__markets,
    .billionaire-sports__guide {
        padding: 22px;
    }
    .billionaire-sports__sport-grid,
    .billionaire-sports__essentials {
        grid-template-columns: 1fr;
    }
    .billionaire-sports__guide-toggle {
        padding: 18px;
    }
    .billionaire-sports__guide-toggle span strong {
        font-size: 13px;
    }
}

/* Sportsbook readability and expanded sport guides */
.billionaire-sports__timing article > span {
    font-size: 12px;
}
.billionaire-sports__timing h3 {
    font-size: 24px;
}
.billionaire-sports__timing p {
    font-size: 16px;
    line-height: 1.72;
}
.billionaire-sports__explainer-title > span {
    font-size: 12px;
}
.billionaire-sports__explainer-title h3 {
    font-size: 27px;
}
.billionaire-sports__explainer-title p,
.billionaire-sports__explainer p {
    font-size: 15px;
    line-height: 1.72;
}
.billionaire-sports__explainer strong {
    font-size: 18px;
}
.billionaire-sports__format-tabs {
    gap: 10px;
}
.billionaire-sports__format-tabs button {
    min-height: 64px;
    padding: 13px;
    gap: 11px;
}
.billionaire-sports__format-tabs button i {
    width: 34px;
    height: 34px;
    font-size: 16px;
}
.billionaire-sports__format-tabs button strong {
    font-size: 15px;
}
.billionaire-sports__format-panel {
    grid-template-columns: minmax(0, 1fr) 290px;
    gap: 28px;
    min-height: 245px;
    padding: 30px;
}
.billionaire-sports__format-panel > div > span {
    font-size: 12px;
}
.billionaire-sports__format-panel h4 {
    font-size: 29px;
    line-height: 1.25;
}
.billionaire-sports__format-panel p {
    font-size: 17px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.78);
}
.billionaire-sports__format-points {
    gap: 10px;
}
.billionaire-sports__format-points b {
    align-items: flex-start;
    padding: 12px 13px;
    font-size: 14px;
    line-height: 1.45;
}
.billionaire-sports__format-points i {
    margin-top: 3px;
}
.billionaire-sports__guide-intro p {
    font-size: 16px;
    line-height: 1.75;
}
.billionaire-sports__sport-grid article {
    display: flex;
    flex-direction: column;
    padding: 23px;
}
.billionaire-sports__sport-grid h4 {
    font-size: 21px;
}
.billionaire-sports__sport-grid p {
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 1.7;
}
.billionaire-sports__sport-grid article > button {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding: 12px 14px;
    border: 1px solid #e7daf1;
    border-radius: 11px;
    background: #f8f3fc;
    color: #6e45a9;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    transition: 0.25s;
}
.billionaire-sports__sport-grid article > button:hover,
.billionaire-sports__sport-grid article > button.is-active {
    border-color: #8050db;
    background: #8050db;
    color: #fff;
}
.billionaire-sports__sport-grid article > button > i {
    font-size: 12px;
    transition: 0.25s;
}
.billionaire-sports__sport-grid article > button.is-active > i {
    transform: rotate(90deg);
}
.billionaire-sports__sport-detail {
    position: relative;
    margin-top: 13px;
    padding: 32px;
    border: 1px solid rgba(128, 80, 219, 0.2);
    border-radius: 22px;
    background: #2a2341;
    box-shadow: 0 20px 50px rgba(47, 34, 71, 0.2);
}
.billionaire-sports__sport-detail[hidden] {
    display: none;
}
.billionaire-sports__sport-detail-close {
    position: absolute;
    top: 17px;
    right: 18px;
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 25px;
}
.billionaire-sports__sport-detail-head {
    max-width: 1020px;
    padding-right: 50px;
}
.billionaire-sports__sport-detail-head > span {
    display: block;
    margin-bottom: 8px;
    color: #e9bd6c;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.25px;
    text-transform: uppercase;
}
.billionaire-sports__sport-detail-head h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 32px;
}
.billionaire-sports__sport-detail-head p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 17px;
    line-height: 1.72;
}
.billionaire-sports__sport-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 11px;
    margin-top: 24px;
}
.billionaire-sports__sport-detail-grid article {
    display: flex;
    gap: 13px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.055);
}
.billionaire-sports__sport-detail-grid article > i {
    display: grid;
    flex: 0 0 35px;
    width: 35px;
    height: 35px;
    place-items: center;
    border-radius: 10px;
    background: rgba(233, 189, 108, 0.12);
    color: #e9bd6c;
}
.billionaire-sports__sport-detail-grid strong {
    display: block;
    margin-bottom: 7px;
    color: #fff;
    font-size: 17px;
}
.billionaire-sports__sport-detail-grid p {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 15px;
    line-height: 1.7;
}
.billionaire-sports__sport-detail-note {
    margin: 14px 0 0;
    padding: 16px 18px;
    border-left: 3px solid #e9bd6c;
    border-radius: 4px 11px 11px 4px;
    background: rgba(233, 189, 108, 0.08);
    color: rgba(255, 255, 255, 0.82);
    font-size: 15px;
    line-height: 1.7;
}
.billionaire-sports__essentials strong {
    font-size: 16px;
}
.billionaire-sports__essentials p {
    font-size: 14px;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.76);
}
@media (max-width: 991px) {
    .billionaire-sports__format-panel {
        grid-template-columns: 1fr;
    }
    .billionaire-sports__sport-detail-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 575px) {
    .billionaire-sports__sport-detail {
        padding: 22px;
    }
    .billionaire-sports__sport-detail-head h3 {
        font-size: 27px;
    }
    .billionaire-sports__sport-detail-head p,
    .billionaire-sports__sport-detail-grid p {
        font-size: 15px;
    }
}

/* Billionaire Spin bonuses */
.billionaire-bonuses {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 90% 8%, rgba(245, 190, 76, 0.18), transparent 28%),
        linear-gradient(180deg, #261d3b 0, #33244d 46%, #fbf7f2 46%);
}
.billionaire-bonuses > .container {
    width: calc(100% - 96px) !important;
    max-width: 1440px !important;
    padding: 0 !important;
}
.billionaire-bonuses__intro {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    gap: 22px;
    align-items: stretch;
    margin-bottom: 22px;
}
.billionaire-bonuses__intro-copy {
    padding: 46px 10px 42px 0;
}
.billionaire-bonuses__intro-copy > span,
.billionaire-bonuses__journey-title > span,
.billionaire-bonuses__chooser-head > span,
.billionaire-bonuses__clarity > div > span,
.billionaire-bonuses__panel-lead > span {
    display: block;
    margin-bottom: 10px;
    color: #f0c568;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
.billionaire-bonuses__intro-copy h2 {
    max-width: 790px;
    margin: 0 0 18px;
    color: #fff;
    font-size: clamp(43px, 4.3vw, 62px);
    line-height: 1.04;
    letter-spacing: -2.3px;
}
.billionaire-bonuses__intro-copy p {
    max-width: 830px;
    margin: 0 0 13px;
    color: rgba(255, 255, 255, 0.74);
    font-size: 16px;
    line-height: 1.78;
}
.billionaire-bonuses__welcome {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 38px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 30px 7px 30px 7px;
    background: linear-gradient(145deg, #8c55df, #603baf);
    box-shadow: 0 28px 65px rgba(21, 13, 38, 0.25);
}
.billionaire-bonuses__welcome > span {
    margin-bottom: 15px;
    color: #ffe29f;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}
.billionaire-bonuses__welcome > strong {
    color: #fff;
    font-size: 48px;
    line-height: 1;
}
.billionaire-bonuses__welcome h3 {
    margin: 9px 0 15px;
    color: #ffe29f;
    font-size: 24px;
}
.billionaire-bonuses__welcome p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 15px;
    line-height: 1.7;
}
.billionaire-bonuses__welcome-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}
.billionaire-bonuses__welcome-tags b {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px 11px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.11);
    color: #fff;
    font-size: 12px;
}
.billionaire-bonuses__journey {
    display: grid;
    grid-template-columns: 1.08fr repeat(3, 1fr);
    gap: 11px;
    margin-bottom: 23px;
}
.billionaire-bonuses__journey-title,
.billionaire-bonuses__journey article {
    padding: 27px;
    border: 1px solid rgba(81, 56, 103, 0.1);
    background: #fff;
    box-shadow: 0 14px 36px rgba(54, 35, 70, 0.07);
}
.billionaire-bonuses__journey-title {
    border-radius: 28px 7px 7px 7px;
    background: #f1e9f9;
}
.billionaire-bonuses__journey-title > span {
    color: #8050db;
}
.billionaire-bonuses__journey-title h3 {
    margin: 0 0 12px;
    color: #32243d;
    font-size: 27px;
    line-height: 1.2;
}
.billionaire-bonuses__journey-title p {
    margin: 0;
    color: #685c6b;
    font-size: 15px;
    line-height: 1.72;
}
.billionaire-bonuses__journey article {
    border-radius: 7px 7px 24px 7px;
}
.billionaire-bonuses__journey article > i {
    display: grid;
    width: 45px;
    height: 45px;
    margin-bottom: 18px;
    place-items: center;
    border-radius: 14px;
    background: #f0e8f9;
    color: #8050db;
    font-size: 18px;
}
.billionaire-bonuses__journey article span {
    display: block;
    margin-bottom: 6px;
    color: #a05b2b;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}
.billionaire-bonuses__journey article h4 {
    margin: 0 0 9px;
    color: #392b43;
    font-size: 20px;
}
.billionaire-bonuses__journey article p {
    margin: 0;
    color: #706573;
    font-size: 15px;
    line-height: 1.68;
}
.billionaire-bonuses__chooser {
    margin-bottom: 23px;
    padding: 32px;
    border-radius: 30px;
    background: #171f35;
    box-shadow: 0 25px 62px rgba(34, 25, 53, 0.18);
}
.billionaire-bonuses__chooser-head {
    display: grid;
    grid-template-columns: 0.7fr 1fr;
    gap: 12px 60px;
    margin-bottom: 22px;
}
.billionaire-bonuses__chooser-head > span {
    grid-column: 1/-1;
    margin: 0;
    color: #f0c568;
}
.billionaire-bonuses__chooser-head h3 {
    margin: 0;
    color: #fff;
    font-size: 34px;
    line-height: 1.12;
}
.billionaire-bonuses__chooser-head p {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    line-height: 1.72;
}
.billionaire-bonuses__tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 9px;
    margin-bottom: 11px;
}
.billionaire-bonuses__tabs button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 63px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.055);
    color: rgba(255, 255, 255, 0.82);
    font-size: 15px;
    transition: 0.25s;
}
.billionaire-bonuses__tabs button > i {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    background: rgba(240, 197, 104, 0.11);
    color: #f0c568;
}
.billionaire-bonuses__tabs button:hover,
.billionaire-bonuses__tabs button.is-active {
    border-color: #f0c568;
    background: #f0c568;
    color: #24273a;
    transform: translateY(-2px);
}
.billionaire-bonuses__tabs button.is-active > i {
    background: rgba(36, 39, 58, 0.1);
    color: #24273a;
}
.billionaire-bonuses__panel {
    padding: 27px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.045);
}
.billionaire-bonuses__panel-lead {
    max-width: 1050px;
    margin-bottom: 20px;
}
.billionaire-bonuses__panel-lead > span {
    color: #f0c568;
}
.billionaire-bonuses__panel-lead h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 29px;
}
.billionaire-bonuses__panel-lead p {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 16px;
    line-height: 1.72;
}
.billionaire-bonuses__panel-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
}
.billionaire-bonuses__panel-grid article {
    padding: 19px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.055);
}
.billionaire-bonuses__panel-grid strong,
.billionaire-bonuses__panel-grid b {
    display: block;
}
.billionaire-bonuses__panel-grid strong {
    margin-bottom: 6px;
    color: #f0c568;
    font-size: 15px;
}
.billionaire-bonuses__panel-grid b {
    margin-bottom: 6px;
    color: #fff;
    font-size: 18px;
}
.billionaire-bonuses__panel-grid p {
    margin: 0;
    color: rgba(255, 255, 255, 0.68);
    font-size: 14px;
    line-height: 1.65;
}
.billionaire-bonuses__panel-flow {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 9px;
    margin-top: 10px;
}
.billionaire-bonuses__panel-flow span {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 13px;
    border-radius: 11px;
    background: #0f1729;
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    line-height: 1.5;
}
.billionaire-bonuses__panel-flow i {
    margin-top: 3px;
    color: #f0c568;
}
.billionaire-bonuses__clarity {
    display: grid;
    grid-template-columns: 1.25fr repeat(5, 1fr);
    gap: 10px;
    margin-bottom: 17px;
}
.billionaire-bonuses__clarity > div,
.billionaire-bonuses__clarity article {
    padding: 23px;
    border: 1px solid rgba(87, 59, 107, 0.1);
    border-radius: 16px;
    background: #fff;
}
.billionaire-bonuses__clarity > div {
    border-radius: 7px 25px 7px 25px;
    background: #f1e9f9;
}
.billionaire-bonuses__clarity > div > span {
    color: #8050db;
}
.billionaire-bonuses__clarity h3 {
    margin: 0 0 10px;
    color: #32243c;
    font-size: 25px;
}
.billionaire-bonuses__clarity > div p {
    margin: 0;
    color: #675a6a;
    font-size: 15px;
    line-height: 1.7;
}
.billionaire-bonuses__clarity article > i {
    display: grid;
    width: 39px;
    height: 39px;
    margin-bottom: 14px;
    place-items: center;
    border-radius: 12px;
    background: #eee5f8;
    color: #8050db;
}
.billionaire-bonuses__clarity article strong {
    display: block;
    margin-bottom: 7px;
    color: #392a43;
    font-size: 16px;
}
.billionaire-bonuses__clarity article p {
    margin: 0;
    color: #716575;
    font-size: 14px;
    line-height: 1.63;
}
.billionaire-bonuses__footer-note {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 21px 24px;
    border-radius: 16px;
    background: linear-gradient(90deg, #8050db, #9c5ecf);
    color: #fff;
}
.billionaire-bonuses__footer-note > i {
    display: grid;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.13);
    color: #ffe39f;
}
.billionaire-bonuses__footer-note p {
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
}
@media (max-width: 1199px) {
    .billionaire-bonuses__journey {
        grid-template-columns: repeat(3, 1fr);
    }
    .billionaire-bonuses__journey-title {
        grid-column: 1/-1;
    }
    .billionaire-bonuses__clarity {
        grid-template-columns: repeat(3, 1fr);
    }
    .billionaire-bonuses__clarity > div {
        grid-column: 1/-1;
    }
    .billionaire-bonuses__panel-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 991px) {
    .billionaire-bonuses > .container {
        width: calc(100% - 48px) !important;
    }
    .billionaire-bonuses__intro {
        grid-template-columns: 1fr;
    }
    .billionaire-bonuses__intro-copy {
        padding: 25px 0 5px;
    }
    .billionaire-bonuses__journey {
        grid-template-columns: 1fr;
    }
    .billionaire-bonuses__journey-title {
        grid-column: 1;
    }
    .billionaire-bonuses__chooser-head {
        grid-template-columns: 1fr;
        gap: 13px;
    }
    .billionaire-bonuses__tabs {
        grid-template-columns: repeat(2, 1fr);
    }
    .billionaire-bonuses__panel-flow {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575px) {
    .billionaire-bonuses > .container {
        width: calc(100% - 32px) !important;
    }
    .billionaire-bonuses__intro-copy h2 {
        font-size: 39px;
    }
    .billionaire-bonuses__welcome {
        padding: 27px;
    }
    .billionaire-bonuses__welcome > strong {
        font-size: 38px;
    }
    .billionaire-bonuses__chooser {
        padding: 20px;
    }
    .billionaire-bonuses__tabs,
    .billionaire-bonuses__panel-grid,
    .billionaire-bonuses__panel-flow,
    .billionaire-bonuses__clarity {
        grid-template-columns: 1fr;
    }
    .billionaire-bonuses__clarity > div {
        grid-column: 1;
    }
    .billionaire-bonuses__tabs button {
        justify-content: flex-start;
    }
    .billionaire-bonuses__panel {
        padding: 20px;
    }
}

/* Bonus section layout corrections */
.billionaire-bonuses__panel-grid {
    grid-template-columns: repeat(4, 1fr);
}
.billionaire-bonuses__clarity {
    grid-template-columns: repeat(5, 1fr);
    align-items: stretch;
}
.billionaire-bonuses__clarity > div {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 0.7fr 1fr;
    gap: 8px 55px;
    align-items: center;
    padding: 27px 30px;
}
.billionaire-bonuses__clarity > div > span {
    grid-column: 1/-1;
    margin: 0;
}
.billionaire-bonuses__clarity > div h3 {
    grid-column: 1;
    margin: 0;
}
.billionaire-bonuses__clarity > div p {
    grid-column: 2;
    margin: 0;
}
.billionaire-bonuses__clarity article {
    min-height: 245px;
}
.billionaire-bonuses__footer-note p {
    color: rgba(255, 255, 255, 0.92) !important;
}
@media (max-width: 1199px) {
    .billionaire-bonuses__panel-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .billionaire-bonuses__clarity {
        grid-template-columns: repeat(3, 1fr);
    }
    .billionaire-bonuses__clarity > div {
        grid-column: 1/-1;
    }
    .billionaire-bonuses__clarity article {
        min-height: 220px;
    }
}
@media (max-width: 991px) {
    .billionaire-bonuses__clarity {
        grid-template-columns: repeat(2, 1fr);
    }
    .billionaire-bonuses__clarity > div {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .billionaire-bonuses__clarity > div h3,
    .billionaire-bonuses__clarity > div p {
        grid-column: 1;
    }
    .billionaire-bonuses__clarity article {
        min-height: 0;
    }
}
@media (max-width: 575px) {
    .billionaire-bonuses__panel-grid,
    .billionaire-bonuses__clarity {
        grid-template-columns: 1fr;
    }
    .billionaire-bonuses__clarity > div {
        grid-column: 1;
    }
}

/* Restore the large bonus-terms windows */
.billionaire-bonuses__clarity {
    grid-template-columns: 1.25fr repeat(5, 1fr);
    align-items: stretch;
}
.billionaire-bonuses__clarity > div {
    display: block;
    grid-column: auto;
    padding: 23px;
}
.billionaire-bonuses__clarity > div > span {
    display: block;
    margin-bottom: 10px;
}
.billionaire-bonuses__clarity > div h3,
.billionaire-bonuses__clarity > div p {
    grid-column: auto;
}
.billionaire-bonuses__clarity > div h3 {
    margin: 0 0 10px;
}
.billionaire-bonuses__clarity article {
    min-height: 430px;
    padding: 23px;
}
@media (max-width: 1199px) {
    .billionaire-bonuses__clarity {
        grid-template-columns: repeat(3, 1fr);
    }
    .billionaire-bonuses__clarity > div {
        grid-column: 1/-1;
    }
    .billionaire-bonuses__clarity article {
        min-height: 260px;
    }
}
@media (max-width: 991px) {
    .billionaire-bonuses__clarity {
        grid-template-columns: repeat(2, 1fr);
    }
    .billionaire-bonuses__clarity article {
        min-height: 0;
    }
}
@media (max-width: 575px) {
    .billionaire-bonuses__clarity {
        grid-template-columns: 1fr;
    }
    .billionaire-bonuses__clarity > div {
        grid-column: 1;
    }
}

/* Balance the restored large bonus windows */
.billionaire-bonuses__clarity {
    grid-template-columns: 1.6fr repeat(5, 1fr);
}
.billionaire-bonuses__clarity > div {
    padding: 27px 28px;
}
.billionaire-bonuses__clarity article {
    display: flex;
    min-height: 0;
    flex-direction: column;
    justify-content: center;
    padding: 27px 24px;
}
.billionaire-bonuses__clarity article > i {
    flex: 0 0 auto;
}
@media (max-width: 1199px) {
    .billionaire-bonuses__clarity {
        grid-template-columns: repeat(3, 1fr);
    }
    .billionaire-bonuses__clarity > div {
        grid-column: 1/-1;
    }
    .billionaire-bonuses__clarity article {
        min-height: 230px;
    }
}
@media (max-width: 991px) {
    .billionaire-bonuses__clarity {
        grid-template-columns: repeat(2, 1fr);
    }
    .billionaire-bonuses__clarity article {
        min-height: 0;
    }
}
@media (max-width: 575px) {
    .billionaire-bonuses__clarity {
        grid-template-columns: 1fr;
    }
    .billionaire-bonuses__clarity > div {
        grid-column: 1;
    }
    .billionaire-bonuses__clarity article {
        min-height: 0;
    }
}

/* Billionaire Spin loyalty programme */
.billionaire-loyalty {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 12%, rgba(90, 122, 255, 0.12), transparent 25%), #f5f7fc;
}
.billionaire-loyalty:before {
    position: absolute;
    top: 0;
    right: -140px;
    width: 520px;
    height: 520px;
    border: 90px solid rgba(128, 80, 219, 0.05);
    border-radius: 50%;
    content: "";
}
.billionaire-loyalty > .container {
    position: relative;
    width: calc(100% - 96px) !important;
    max-width: 1440px !important;
    padding: 0 !important;
}
.billionaire-loyalty__hero {
    display: grid;
    grid-template-columns: 1.28fr 0.72fr;
    gap: 18px;
    margin-bottom: 19px;
}
.billionaire-loyalty__hero-copy {
    padding: 45px;
    border-radius: 8px 34px 8px 34px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(49, 42, 78, 0.09);
}
.billionaire-loyalty__hero-copy > span,
.billionaire-loyalty__path-head > span,
.billionaire-loyalty__cashback-copy > span,
.billionaire-loyalty__benefits-head > span,
.billionaire-loyalty__benefit-panel > div > span {
    display: block;
    margin-bottom: 10px;
    color: #8050db;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
.billionaire-loyalty__hero-copy h2 {
    max-width: 800px;
    margin: 0 0 18px;
    color: #27213b;
    font-size: clamp(43px, 4.3vw, 62px);
    line-height: 1.03;
    letter-spacing: -2.3px;
}
.billionaire-loyalty__hero-copy p {
    max-width: 850px;
    margin: 0 0 13px;
    color: #675f71;
    font-size: 16px;
    line-height: 1.78;
}
.billionaire-loyalty__hero-value {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 11px;
}
.billionaire-loyalty__hero-value > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px;
    border-radius: 28px 7px 28px 7px;
    background: linear-gradient(145deg, #272344, #513b78);
    box-shadow: 0 20px 48px rgba(42, 33, 65, 0.18);
}
.billionaire-loyalty__hero-value > div:last-child {
    background: linear-gradient(145deg, #8050db, #ae6bcf);
}
.billionaire-loyalty__hero-value span {
    margin-bottom: 6px;
    color: #eec76f;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.billionaire-loyalty__hero-value strong {
    color: #fff;
    font-size: 40px;
    line-height: 1.05;
}
.billionaire-loyalty__hero-value p {
    margin: 10px 0 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 14px;
    line-height: 1.65;
}
.billionaire-loyalty__path {
    margin-bottom: 19px;
    padding: 31px;
    border: 1px solid rgba(72, 63, 105, 0.1);
    border-radius: 28px;
    background: #fff;
}
.billionaire-loyalty__path-head {
    display: grid;
    grid-template-columns: 0.7fr 1fr;
    gap: 10px 55px;
    margin-bottom: 24px;
}
.billionaire-loyalty__path-head > span {
    grid-column: 1/-1;
    margin: 0;
}
.billionaire-loyalty__path-head h3 {
    margin: 0;
    color: #2b2440;
    font-size: 34px;
    line-height: 1.14;
}
.billionaire-loyalty__path-head p {
    margin: 0;
    color: #696174;
    font-size: 16px;
    line-height: 1.72;
}
.billionaire-loyalty__track {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}
.billionaire-loyalty__track:before {
    position: absolute;
    top: 32px;
    left: 9%;
    right: 9%;
    height: 3px;
    background: linear-gradient(90deg, #bda6e8, #8050db, #e4b95f);
    content: "";
}
.billionaire-loyalty__track article {
    position: relative;
    padding: 0 18px 20px;
    text-align: center;
}
.billionaire-loyalty__track article > i {
    position: relative;
    z-index: 1;
    display: grid;
    width: 66px;
    height: 66px;
    margin: 0 auto 17px;
    place-items: center;
    border: 7px solid #fff;
    border-radius: 50%;
    background: #eee7fa;
    color: #8050db;
    font-size: 20px;
    box-shadow: 0 7px 20px rgba(86, 58, 120, 0.13);
}
.billionaire-loyalty__track article:last-child > i {
    background: #e5b95e;
    color: #342945;
}
.billionaire-loyalty__track strong {
    display: block;
    margin-bottom: 7px;
    color: #352d48;
    font-size: 18px;
}
.billionaire-loyalty__track p {
    margin: 0;
    color: #706878;
    font-size: 14px;
    line-height: 1.65;
}
.billionaire-loyalty__cashback {
    display: grid;
    grid-template-columns: 0.72fr 1.28fr;
    gap: 17px;
    margin-bottom: 19px;
    padding: 32px;
    border-radius: 32px 8px 32px 8px;
    background: #22223c;
    box-shadow: 0 24px 58px rgba(41, 33, 61, 0.18);
}
.billionaire-loyalty__cashback-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 20px;
}
.billionaire-loyalty__cashback-copy > span {
    color: #e7bd67;
}
.billionaire-loyalty__cashback-copy h3 {
    margin: 0 0 13px;
    color: #fff;
    font-size: 34px;
    line-height: 1.15;
}
.billionaire-loyalty__cashback-copy p {
    margin: 0 0 12px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 15px;
    line-height: 1.72;
}
.billionaire-loyalty__cashback-scale {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
}
.billionaire-loyalty__cashback-scale article {
    display: flex;
    min-height: 155px;
    flex-direction: column;
    padding: 19px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.055);
}
.billionaire-loyalty__cashback-scale strong {
    color: #e7bd67;
    font-size: 27px;
}
.billionaire-loyalty__cashback-scale span {
    margin: 8px 0 auto;
    color: #fff;
    font-size: 14px;
    line-height: 1.45;
}
.billionaire-loyalty__cashback-scale b {
    margin-top: 12px;
    color: rgba(255, 255, 255, 0.65);
    font-size: 12px;
}
.billionaire-loyalty__cashback-scale article.is-vip {
    border-color: #e4b95f;
    background: linear-gradient(145deg, #8050db, #5f3e9c);
}
.billionaire-loyalty__cashback-scale article.is-vip strong {
    color: #ffe09a;
}
.billionaire-loyalty__benefits {
    display: grid;
    grid-template-columns: 310px 1fr;
    grid-template-areas: "head nav" "head panel";
    gap: 11px 24px;
    margin-bottom: 17px;
    padding: 31px;
    border: 1px solid rgba(76, 63, 106, 0.1);
    border-radius: 28px;
    background: #fff;
}
.billionaire-loyalty__benefits-head {
    grid-area: head;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.billionaire-loyalty__benefits-head h3 {
    margin: 0 0 12px;
    color: #2d2541;
    font-size: 30px;
}
.billionaire-loyalty__benefits-head p {
    margin: 0;
    color: #696173;
    font-size: 15px;
    line-height: 1.72;
}
.billionaire-loyalty__benefit-nav {
    grid-area: nav;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}
.billionaire-loyalty__benefit-nav button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 57px;
    padding: 10px;
    border: 1px solid #e9e3f0;
    border-radius: 8px 17px 8px 17px;
    background: #f7f4fb;
    color: #604d75;
    font-size: 14px;
    transition: 0.25s;
}
.billionaire-loyalty__benefit-nav button > i {
    color: #8050db;
}
.billionaire-loyalty__benefit-nav button:hover,
.billionaire-loyalty__benefit-nav button.is-active {
    border-color: #8050db;
    background: #8050db;
    color: #fff;
    transform: translateY(-2px);
}
.billionaire-loyalty__benefit-nav button.is-active > i {
    color: #f2cb78;
}
.billionaire-loyalty__benefit-panel {
    grid-area: panel;
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 24px;
    align-items: center;
    min-height: 230px;
    padding: 25px;
    border-radius: 18px;
    background: #f1ecf8;
}
.billionaire-loyalty__benefit-panel h4 {
    margin: 0 0 10px;
    color: #302642;
    font-size: 25px;
}
.billionaire-loyalty__benefit-panel p {
    margin: 0;
    color: #675d6d;
    font-size: 16px;
    line-height: 1.72;
}
.billionaire-loyalty__benefit-panel ul {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.billionaire-loyalty__benefit-panel li {
    display: flex;
    gap: 9px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #fff;
    color: #5d5265;
    font-size: 14px;
}
.billionaire-loyalty__benefit-panel li i {
    margin-top: 3px;
    color: #8050db;
}
.billionaire-loyalty__note {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 21px 24px;
    border: 1px solid #dacaf0;
    border-radius: 7px 20px 7px 20px;
    background: #ebe2f8;
}
.billionaire-loyalty__note > i {
    display: grid;
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    place-items: center;
    border-radius: 14px;
    background: #8050db;
    color: #fff;
}
.billionaire-loyalty__note p {
    margin: 0;
    color: #5e5068;
    font-size: 15px;
    line-height: 1.7;
}
@media (max-width: 1199px) {
    .billionaire-loyalty__benefits {
        grid-template-columns: 1fr;
        grid-template-areas: "head" "nav" "panel";
    }
    .billionaire-loyalty__cashback {
        grid-template-columns: 1fr;
    }
    .billionaire-loyalty__cashback-copy {
        padding: 0;
    }
    .billionaire-loyalty__cashback-scale {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 991px) {
    .billionaire-loyalty > .container {
        width: calc(100% - 48px) !important;
    }
    .billionaire-loyalty__hero {
        grid-template-columns: 1fr;
    }
    .billionaire-loyalty__hero-value {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }
    .billionaire-loyalty__path-head {
        grid-template-columns: 1fr;
        gap: 11px;
    }
    .billionaire-loyalty__path-head > span {
        grid-column: 1;
    }
    .billionaire-loyalty__track {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
    .billionaire-loyalty__track:before {
        display: none;
    }
    .billionaire-loyalty__benefit-panel {
        grid-template-columns: 1fr;
    }
    .billionaire-loyalty__benefit-nav {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575px) {
    .billionaire-loyalty > .container {
        width: calc(100% - 32px) !important;
    }
    .billionaire-loyalty__hero-copy {
        padding: 28px;
    }
    .billionaire-loyalty__hero-copy h2 {
        font-size: 39px;
    }
    .billionaire-loyalty__hero-value {
        grid-template-columns: 1fr;
    }
    .billionaire-loyalty__path,
    .billionaire-loyalty__cashback,
    .billionaire-loyalty__benefits {
        padding: 21px;
    }
    .billionaire-loyalty__track,
    .billionaire-loyalty__cashback-scale,
    .billionaire-loyalty__benefit-nav {
        grid-template-columns: 1fr;
    }
    .billionaire-loyalty__track article {
        padding: 0 5px 10px;
        text-align: left;
    }
    .billionaire-loyalty__track article > i {
        margin: 0 0 13px;
    }
    .billionaire-loyalty__benefit-nav button {
        justify-content: flex-start;
    }
    .billionaire-loyalty__note {
        align-items: flex-start;
    }
}

/* Loyalty visual identity: marble, Olympian blue and billionaire gold */
.billionaire-loyalty {
    background:
        radial-gradient(circle at 11% 9%, rgba(198, 151, 74, 0.14), transparent 22%),
        radial-gradient(circle at 88% 20%, rgba(32, 76, 107, 0.11), transparent 25%),
        linear-gradient(135deg, #f7f4ec 0%, #eee9dc 46%, #f8f6f0 100%);
}
.billionaire-loyalty:before {
    top: -190px;
    right: -100px;
    width: 560px;
    height: 560px;
    border: 1px solid rgba(22, 64, 91, 0.11);
    box-shadow:
        0 0 0 34px rgba(183, 123, 50, 0.035),
        0 0 0 70px rgba(22, 64, 91, 0.025);
}
.billionaire-loyalty:after {
    position: absolute;
    inset: 14px 0 auto;
    height: 8px;
    background: repeating-linear-gradient(
        90deg,
        transparent 0 18px,
        #b87a32 18px 27px,
        transparent 27px 36px,
        #173f5c 36px 45px,
        transparent 45px 63px
    );
    opacity: 0.28;
    content: "";
}
.billionaire-loyalty__hero-copy {
    border: 1px solid rgba(154, 107, 50, 0.2);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(249, 246, 237, 0.96));
    box-shadow: 0 24px 60px rgba(29, 55, 71, 0.1);
}
.billionaire-loyalty__hero-copy > span,
.billionaire-loyalty__path-head > span,
.billionaire-loyalty__cashback-copy > span,
.billionaire-loyalty__benefits-head > span,
.billionaire-loyalty__benefit-panel > div > span {
    color: #a56525;
}
.billionaire-loyalty__hero-copy h2,
.billionaire-loyalty__path-head h3,
.billionaire-loyalty__benefits-head h3 {
    color: #17364d;
}
.billionaire-loyalty__mythic-marks {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 21px;
}
.billionaire-loyalty__mythic-marks b {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border: 1px solid rgba(167, 106, 36, 0.18);
    border-radius: 4px 14px 4px 14px;
    background: #f4ecdc;
    color: #6f4b26;
    font-size: 12px;
}
.billionaire-loyalty__mythic-marks i {
    color: #af6f27;
}
.billionaire-loyalty__hero-value > div {
    border: 1px solid rgba(224, 182, 107, 0.2);
    background: linear-gradient(145deg, #0d3048, #1d536d);
    box-shadow: 0 20px 48px rgba(14, 44, 62, 0.2);
}
.billionaire-loyalty__hero-value > div:last-child {
    background: linear-gradient(145deg, #8b5726, #c58a3e);
}
.billionaire-loyalty__hero-value span {
    color: #f1cc86;
}
.billionaire-loyalty__hero-value > div:last-child span {
    color: #fff0c6;
}
.billionaire-loyalty__path {
    border-color: rgba(157, 109, 50, 0.18);
    background: rgba(255, 253, 248, 0.9);
    box-shadow: inset 0 0 0 5px rgba(181, 126, 56, 0.035);
}
.billionaire-loyalty__track:before {
    background: linear-gradient(90deg, #d8c19b, #b67830, #174967);
}
.billionaire-loyalty__track article > i {
    border-color: #fffaf0;
    background: #e9dcc4;
    color: #a76422;
    box-shadow: 0 7px 20px rgba(78, 57, 33, 0.14);
}
.billionaire-loyalty__track article:nth-child(2) > i {
    background: #dbe6e9;
    color: #1b5873;
}
.billionaire-loyalty__track article:nth-child(3) > i {
    background: #d5e0df;
    color: #174f63;
}
.billionaire-loyalty__track article:last-child > i {
    background: #b9782f;
    color: #fff4d9;
}
.billionaire-loyalty__track strong {
    color: #173b52;
}
.billionaire-loyalty__cashback {
    border: 1px solid rgba(231, 198, 135, 0.2);
    background: linear-gradient(135deg, #0c2d43, #174b61 63%, #1c5968);
    box-shadow: 0 24px 58px rgba(13, 44, 59, 0.22);
}
.billionaire-loyalty__cashback-copy > span {
    color: #edc77e;
}
.billionaire-loyalty__cashback-copy > span i {
    margin-right: 7px;
}
.billionaire-loyalty__cashback-scale article {
    position: relative;
    overflow: hidden;
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.07);
}
.billionaire-loyalty__cashback-scale article:after {
    position: absolute;
    right: -10px;
    bottom: -19px;
    color: rgba(238, 198, 121, 0.09);
    font-size: 72px;
    line-height: 1;
    content: "✦";
}
.billionaire-loyalty__cashback-scale strong {
    position: relative;
    z-index: 1;
    color: #f0c77b;
}
.billionaire-loyalty__cashback-scale span,
.billionaire-loyalty__cashback-scale b {
    position: relative;
    z-index: 1;
}
.billionaire-loyalty__cashback-scale article.is-vip {
    border-color: #e8bf74;
    background: linear-gradient(145deg, #8c5928, #be8238);
}
.billionaire-loyalty__cashback-scale article.is-vip strong {
    color: #fff0c4;
}
.billionaire-loyalty__benefits {
    border-color: rgba(155, 106, 47, 0.18);
    background: #fffdf8;
    box-shadow: 0 18px 44px rgba(31, 56, 70, 0.08);
}
.billionaire-loyalty__benefit-nav button {
    border-color: #ddd0b8;
    background: #f4ecdd;
    color: #6b4c2c;
}
.billionaire-loyalty__benefit-nav button > i {
    color: #a96a27;
}
.billionaire-loyalty__benefit-nav button:hover,
.billionaire-loyalty__benefit-nav button.is-active {
    border-color: #174b65;
    background: #174b65;
    color: #fff;
}
.billionaire-loyalty__benefit-nav button.is-active > i {
    color: #edc77e;
}
.billionaire-loyalty__benefit-panel {
    border: 1px solid #ded2bd;
    background: linear-gradient(145deg, #eee5d5, #f7f3eb);
}
.billionaire-loyalty__benefit-panel h4 {
    color: #173b52;
}
.billionaire-loyalty__benefit-panel li {
    border-left: 3px solid #b7782d;
    color: #4f5558;
}
.billionaire-loyalty__benefit-panel li i {
    color: #a86825;
}
.billionaire-loyalty__note {
    border-color: #afc1c7;
    background: #dce7e8;
}
.billionaire-loyalty__note > i {
    background: #174b65;
    color: #f0c87d;
}
.billionaire-loyalty__note p {
    color: #324f5d;
}

/* Loyalty hero artwork and direct section transition */
.billionaire-bonuses {
    padding-bottom: 28px !important;
}
.billionaire-loyalty {
    padding-top: 36px !important;
}
.billionaire-loyalty:after {
    display: none;
}
.billionaire-loyalty__hero {
    position: relative;
    display: block;
    min-height: 680px;
    overflow: hidden;
    border: 1px solid rgba(163, 111, 44, 0.18);
    border-radius: 34px 8px 34px 8px;
    background: #f8f4ea;
    box-shadow: 0 28px 70px rgba(24, 53, 68, 0.14);
}
.billionaire-loyalty__hero > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.billionaire-loyalty__hero-copy {
    position: relative;
    z-index: 1;
    width: 56%;
    min-height: 680px;
    padding: 48px 48px 165px;
    border: 0;
    border-radius: 0;
    background: linear-gradient(
        90deg,
        rgba(255, 253, 247, 0.99) 0%,
        rgba(255, 253, 247, 0.96) 73%,
        rgba(255, 253, 247, 0) 100%
    );
    box-shadow: none;
}
.billionaire-loyalty__hero-copy h2 {
    font-size: clamp(42px, 4vw, 58px);
}
.billionaire-loyalty__hero-copy p {
    font-size: 15px;
    line-height: 1.7;
}
.billionaire-loyalty__hero-value {
    position: absolute;
    z-index: 2;
    bottom: 34px;
    left: 48px;
    display: grid;
    width: calc(56% - 78px);
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 10px;
}
.billionaire-loyalty__hero-value > div {
    min-height: 102px;
    padding: 17px 20px;
    border-radius: 5px 18px 5px 18px;
    box-shadow: 0 12px 28px rgba(18, 49, 63, 0.18);
}
.billionaire-loyalty__hero-value span {
    margin: 0 0 3px;
    font-size: 10px;
}
.billionaire-loyalty__hero-value strong {
    font-size: 28px;
}
.billionaire-loyalty__hero-value p {
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.45;
}
@media (max-width: 1199px) {
    .billionaire-loyalty__hero-copy {
        width: 61%;
    }
    .billionaire-loyalty__hero-value {
        width: calc(61% - 78px);
    }
}
@media (max-width: 991px) {
    .billionaire-loyalty {
        padding-top: 28px !important;
    }
    .billionaire-loyalty__hero {
        min-height: 870px;
    }
    .billionaire-loyalty__hero > img {
        object-position: 64% bottom;
    }
    .billionaire-loyalty__hero-copy {
        width: 100%;
        min-height: 870px;
        padding: 38px 38px 180px;
        background: linear-gradient(
            180deg,
            rgba(255, 253, 247, 0.99) 0%,
            rgba(255, 253, 247, 0.96) 55%,
            rgba(255, 253, 247, 0.35) 77%,
            transparent 100%
        );
    }
    .billionaire-loyalty__hero-value {
        left: 38px;
        bottom: 30px;
        width: calc(100% - 76px);
    }
}
@media (max-width: 575px) {
    .billionaire-bonuses {
        padding-bottom: 20px !important;
    }
    .billionaire-loyalty {
        padding-top: 20px !important;
    }
    .billionaire-loyalty__hero {
        min-height: 980px;
    }
    .billionaire-loyalty__hero-copy {
        min-height: 980px;
        padding: 28px 22px 245px;
    }
    .billionaire-loyalty__hero-value {
        left: 22px;
        bottom: 22px;
        width: calc(100% - 44px);
        grid-template-columns: 1fr;
    }
    .billionaire-loyalty__hero-value > div {
        min-height: 92px;
    }
}

/* Billionaire Spin payment methods */
.billionaire-payments {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 92% 10%, rgba(43, 195, 169, 0.13), transparent 25%),
        linear-gradient(180deg, #071f31 0, #0b3043 37%, #f4f8f6 37%);
}
.billionaire-payments > .container {
    width: calc(100% - 96px) !important;
    max-width: 1440px !important;
    padding: 0 !important;
}
.billionaire-payments__head {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 55px;
    align-items: end;
    margin-bottom: 26px;
}
.billionaire-payments__head > div:first-child > span,
.billionaire-payments__crypto-copy > span,
.billionaire-payments__withdrawal-rules > div > span {
    display: block;
    margin-bottom: 10px;
    color: #61ddc4;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
.billionaire-payments__head h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(43px, 4.3vw, 62px);
    line-height: 1.03;
    letter-spacing: -2.3px;
}
.billionaire-payments__head p {
    margin: 0 0 11px;
    color: rgba(255, 255, 255, 0.73);
    font-size: 16px;
    line-height: 1.76;
}
.billionaire-payments__switch {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 13px;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.06);
}
.billionaire-payments__switch button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 75px;
    padding: 14px;
    border: 0;
    border-radius: 14px;
    background: transparent;
    color: rgba(255, 255, 255, 0.72);
    text-align: left;
    transition: 0.25s;
}
.billionaire-payments__switch button > i {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
    color: #61ddc4;
    font-size: 17px;
}
.billionaire-payments__switch small,
.billionaire-payments__switch strong {
    display: block;
}
.billionaire-payments__switch small {
    margin-bottom: 2px;
    font-size: 11px;
}
.billionaire-payments__switch strong {
    font-size: 18px;
}
.billionaire-payments__switch button.is-active {
    background: #61ddc4;
    color: #09283a;
    box-shadow: 0 12px 28px rgba(44, 185, 157, 0.22);
}
.billionaire-payments__switch button.is-active > i {
    background: rgba(9, 40, 58, 0.1);
    color: #09283a;
}
.billionaire-payments__stage {
    display: grid;
    grid-template-columns: 0.76fr 1.24fr;
    gap: 12px;
    margin-bottom: 18px;
}
.billionaire-payments__summary,
.billionaire-payments__methods {
    padding: 28px;
    border-radius: 7px 25px 7px 25px;
    background: #fff;
    box-shadow: 0 20px 52px rgba(15, 48, 61, 0.12);
}
.billionaire-payments__summary > span,
.billionaire-payments__methods-head > span {
    display: block;
    margin-bottom: 8px;
    color: #138f78;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.billionaire-payments__summary h3 {
    margin: 0 0 11px;
    color: #12384b;
    font-size: 30px;
    line-height: 1.17;
}
.billionaire-payments__summary > p {
    margin: 0;
    color: #607077;
    font-size: 15px;
    line-height: 1.72;
}
.billionaire-payments__limits {
    display: grid;
    gap: 8px;
    margin-top: 20px;
}
.billionaire-payments__limits article {
    display: grid;
    grid-template-columns: 145px 1fr;
    gap: 12px;
    align-items: center;
    padding: 13px 15px;
    border-left: 3px solid #2bbba0;
    border-radius: 4px 11px 11px 4px;
    background: #eef7f4;
}
.billionaire-payments__limits small {
    color: #617076;
    font-size: 12px;
}
.billionaire-payments__limits strong {
    color: #12384b;
    font-size: 15px;
}
.billionaire-payments__methods-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}
.billionaire-payments__methods-head > span {
    margin: 0;
}
.billionaire-payments__methods-head p {
    margin: 0;
    color: #6a777c;
    font-size: 13px;
}
.billionaire-payments__method-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
.billionaire-payments__method-grid article {
    display: grid;
    grid-template-columns: 56px 1fr auto;
    gap: 13px;
    align-items: center;
    min-height: 76px;
    padding: 11px 14px;
    border: 1px solid #e3ece9;
    border-radius: 13px;
    background: #f9fbfa;
}
.billionaire-payments__method-grid article > div {
    display: grid;
    width: 56px;
    height: 44px;
    place-items: center;
    border-radius: 9px;
    background: #fff;
}
.billionaire-payments__method-grid img {
    max-width: 48px;
    max-height: 27px;
}
.billionaire-payments__method-grid article > div > i {
    color: #142e3f;
    font-size: 30px;
}
.billionaire-payments__method-grid span strong,
.billionaire-payments__method-grid span small {
    display: block;
}
.billionaire-payments__method-grid span strong {
    color: #183b4b;
    font-size: 15px;
}
.billionaire-payments__method-grid span small {
    margin-top: 2px;
    color: #7b878b;
    font-size: 11px;
}
.billionaire-payments__method-grid article > b {
    padding: 6px 8px;
    border-radius: 7px;
    background: #e5f5f1;
    color: #197d6b;
    font-size: 10px;
    white-space: nowrap;
}
.billionaire-payments__crypto {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 30px;
    align-items: center;
    margin-bottom: 18px;
    padding: 32px;
    border-radius: 28px;
    background: linear-gradient(135deg, #112a46, #173f61);
    box-shadow: 0 24px 58px rgba(14, 42, 65, 0.17);
}
.billionaire-payments__crypto-copy > span {
    color: #67e1c7;
}
.billionaire-payments__crypto-copy > span i {
    margin-right: 6px;
}
.billionaire-payments__crypto-copy h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 32px;
    line-height: 1.16;
}
.billionaire-payments__crypto-copy p {
    margin: 0 0 11px;
    color: rgba(255, 255, 255, 0.71);
    font-size: 15px;
    line-height: 1.7;
}
.billionaire-payments__crypto-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
}
.billionaire-payments__crypto-grid article {
    display: grid;
    min-height: 135px;
    place-items: center;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06);
    text-align: center;
}
.billionaire-payments__crypto-grid img {
    width: 42px;
    height: 42px;
    object-fit: contain;
}
.billionaire-payments__crypto-grid article > i {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: #172f45;
    font-size: 17px;
}
.billionaire-payments__crypto-grid strong {
    color: #fff;
    font-size: 14px;
}
.billionaire-payments__crypto-grid span {
    color: rgba(255, 255, 255, 0.59);
    font-size: 11px;
}
.billionaire-payments__withdrawal-rules {
    display: grid;
    grid-template-columns: 1.2fr repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 17px;
}
.billionaire-payments__withdrawal-rules > div,
.billionaire-payments__withdrawal-rules article {
    padding: 25px;
    border: 1px solid #dfeae7;
    border-radius: 16px;
    background: #fff;
}
.billionaire-payments__withdrawal-rules > div {
    border-radius: 7px 23px 7px 23px;
    background: #dff2ed;
}
.billionaire-payments__withdrawal-rules > div > span {
    color: #138f78;
}
.billionaire-payments__withdrawal-rules h3 {
    margin: 0 0 10px;
    color: #12384b;
    font-size: 27px;
}
.billionaire-payments__withdrawal-rules > div p,
.billionaire-payments__withdrawal-rules article p {
    margin: 0;
    color: #637278;
    font-size: 14px;
    line-height: 1.68;
}
.billionaire-payments__withdrawal-rules article > i {
    display: grid;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    place-items: center;
    border-radius: 12px;
    background: #e4f4f0;
    color: #158d77;
}
.billionaire-payments__withdrawal-rules article strong {
    display: block;
    margin-bottom: 7px;
    color: #173a4a;
    font-size: 16px;
}
.billionaire-payments__limit-note {
    display: flex;
    align-items: center;
    gap: 17px;
    padding: 21px 24px;
    border: 1px solid #b9d7cf;
    border-radius: 7px 19px 7px 19px;
    background: #dceee9;
}
.billionaire-payments__limit-note > i {
    display: grid;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 13px;
    background: #123e55;
    color: #62ddc4;
}
.billionaire-payments__limit-note strong {
    display: block;
    margin-bottom: 5px;
    color: #12384b;
    font-size: 17px;
}
.billionaire-payments__limit-note p {
    margin: 0;
    color: #516870;
    font-size: 14px;
    line-height: 1.68;
}
@media (max-width: 1199px) {
    .billionaire-payments__stage,
    .billionaire-payments__crypto {
        grid-template-columns: 1fr;
    }
    .billionaire-payments__withdrawal-rules {
        grid-template-columns: repeat(3, 1fr);
    }
    .billionaire-payments__withdrawal-rules > div {
        grid-column: 1/-1;
    }
    .billionaire-payments__method-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .billionaire-payments__method-grid article {
        grid-template-columns: 45px 1fr;
    }
    .billionaire-payments__method-grid article > b {
        grid-column: 1/-1;
    }
    .billionaire-payments__method-grid article > div {
        width: 45px;
    }
}
@media (max-width: 991px) {
    .billionaire-payments > .container {
        width: calc(100% - 48px) !important;
    }
    .billionaire-payments__head {
        grid-template-columns: 1fr;
        gap: 17px;
    }
    .billionaire-payments__method-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .billionaire-payments__crypto-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 575px) {
    .billionaire-payments > .container {
        width: calc(100% - 32px) !important;
    }
    .billionaire-payments__head h2 {
        font-size: 39px;
    }
    .billionaire-payments__switch {
        grid-template-columns: 1fr;
    }
    .billionaire-payments__summary,
    .billionaire-payments__methods,
    .billionaire-payments__crypto {
        padding: 21px;
    }
    .billionaire-payments__limits article {
        grid-template-columns: 1fr;
    }
    .billionaire-payments__method-grid,
    .billionaire-payments__crypto-grid,
    .billionaire-payments__withdrawal-rules {
        grid-template-columns: 1fr;
    }
    .billionaire-payments__withdrawal-rules > div {
        grid-column: 1;
    }
    .billionaire-payments__limit-note {
        align-items: flex-start;
    }
}

/* Payment-method identity and contrast refinement */
.billionaire-payments__methods {
    background: linear-gradient(145deg, #123f53, #0d3043);
    box-shadow: 0 22px 55px rgba(4, 28, 42, 0.24);
}
.billionaire-payments__methods-head > span {
    color: #68e2c8;
}
.billionaire-payments__methods-head p {
    color: rgba(255, 255, 255, 0.68);
}
.billionaire-payments__method-grid {
    gap: 10px;
}
.billionaire-payments__method-grid article {
    grid-template-columns: 78px 1fr auto;
    gap: 15px;
    min-height: 94px;
    padding: 12px 15px;
    border-color: rgba(255, 255, 255, 0.12);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.075);
}
.billionaire-payments__method-grid article > div {
    width: 78px;
    height: 58px;
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 12px;
    background: #f7f2e9;
    box-shadow: inset 0 0 0 1px rgba(10, 49, 67, 0.04);
}
.billionaire-payments__method-grid img {
    display: block;
    width: auto;
    max-width: 66px;
    max-height: 38px;
}
.billionaire-payments__method-grid article > div > i {
    color: #123e53;
    font-size: 34px;
}
.billionaire-payments__jeton {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 50% 50% 48% 52%;
    background: linear-gradient(145deg, #7144d8, #a25fe2);
    color: #fff;
    font-size: 27px;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 5px 13px rgba(91, 54, 173, 0.25);
}
.billionaire-payments__method-grid span strong {
    color: #fff;
    font-size: 17px;
}
.billionaire-payments__method-grid span small {
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 12px;
}
.billionaire-payments__method-grid article > b {
    padding: 7px 9px;
    border-radius: 8px;
    background: rgba(98, 221, 196, 0.14);
    color: #78e8d0;
}
.billionaire-payments__crypto-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.billionaire-payments__crypto-grid article {
    grid-template-columns: 82px 1fr;
    grid-template-rows: auto auto;
    column-gap: 14px;
    align-items: center;
    min-height: 105px;
    padding: 15px 17px;
    border-color: rgba(255, 255, 255, 0.14);
    border-radius: 15px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.045));
    text-align: left;
}
.billionaire-payments__crypto-grid img {
    grid-row: 1/3;
    width: 78px;
    height: 58px;
    object-fit: contain;
}
.billionaire-payments__crypto-grid article > i {
    grid-row: 1/3;
    width: 58px;
    height: 58px;
    font-size: 24px;
}
.billionaire-payments__crypto-grid strong {
    align-self: end;
    font-size: 16px;
}
.billionaire-payments__crypto-grid span {
    align-self: start;
    font-size: 12px;
}
@media (max-width: 1199px) {
    .billionaire-payments__method-grid article {
        grid-template-columns: 68px 1fr;
    }
    .billionaire-payments__method-grid article > div {
        width: 68px;
    }
    .billionaire-payments__method-grid article > b {
        grid-column: 1/-1;
    }
}
@media (max-width: 575px) {
    .billionaire-payments__method-grid article {
        grid-template-columns: 70px 1fr;
    }
    .billionaire-payments__method-grid article > div {
        width: 70px;
    }
    .billionaire-payments__crypto-grid {
        grid-template-columns: 1fr;
    }
}

/* Clear payment brand plates */
.billionaire-payments__visa {
    position: relative;
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: -1.8px;
    line-height: 1;
}
.billionaire-payments__visa:after {
    content: "";
    position: absolute;
    right: 2px;
    bottom: -6px;
    width: 27px;
    height: 3px;
    border-radius: 4px;
    background: #f4a51c;
    transform: skewX(-25deg);
}
.billionaire-payments__mastercard {
    position: relative;
    display: block;
    width: 58px;
    height: 45px;
}
.billionaire-payments__mastercard > i {
    position: absolute;
    top: 0;
    width: 31px;
    height: 31px;
    border-radius: 50%;
}
.billionaire-payments__mastercard > i:first-child {
    left: 5px;
    background: #eb001b;
}
.billionaire-payments__mastercard > i:nth-child(2) {
    right: 5px;
    background: #f79e1b;
}
.billionaire-payments__mastercard:after {
    content: "mastercard";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 7px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
}
.billionaire-payments__skrill {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -1.2px;
}
.billionaire-payments__skrill:after {
    content: "•";
    margin-left: 2px;
    color: #d58bdd;
}
.billionaire-payments__xrp {
    display: grid;
    grid-row: 1/3;
    width: 72px;
    height: 62px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    background: #fff;
}
.billionaire-payments__xrp img {
    display: block;
    width: 50px;
    height: auto;
    object-fit: contain;
}
.billionaire-payments__crypto-grid article.is-text-icon > i {
    display: none;
}

.billionaire-payments__guide {
    margin-top: 14px;
    border: 1px solid #b9d7cf;
    border-radius: 7px 22px 7px 22px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(15, 48, 61, 0.1);
    overflow: hidden;
}
.billionaire-payments__guide summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 20px 24px;
    cursor: pointer;
    list-style: none;
    background: linear-gradient(100deg, #123e55, #174d61);
    color: #fff;
}
.billionaire-payments__guide summary::-webkit-details-marker {
    display: none;
}
.billionaire-payments__guide summary > span {
    display: grid;
    grid-template-columns: 48px 1fr;
    column-gap: 15px;
    align-items: center;
}
.billionaire-payments__guide summary > span > i {
    display: grid;
    grid-row: 1/3;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 14px;
    background: #63dec5;
    color: #12384b;
    font-size: 19px;
}
.billionaire-payments__guide summary small,
.billionaire-payments__guide summary strong {
    display: block;
}
.billionaire-payments__guide summary small {
    align-self: end;
    color: #78e7d0;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.billionaire-payments__guide summary strong {
    align-self: start;
    margin-top: 3px;
    font-size: 18px;
}
.billionaire-payments__guide summary > i {
    transition: transform 0.25s;
}
.billionaire-payments__guide[open] summary > i {
    transform: rotate(180deg);
}
.billionaire-payments__guide-body {
    padding: 27px;
    background: linear-gradient(135deg, #f9fcfb, #edf7f4);
}
.billionaire-payments__guide-intro {
    display: grid;
    grid-template-columns: 0.75fr 1.25fr;
    column-gap: 35px;
    margin-bottom: 20px;
}
.billionaire-payments__guide-intro > span {
    grid-row: 1/3;
    color: #168c77;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.25px;
    text-transform: uppercase;
}
.billionaire-payments__guide-intro h3 {
    margin: 0 0 8px;
    color: #12384b;
    font-size: 27px;
    line-height: 1.2;
}
.billionaire-payments__guide-intro p {
    margin: 0;
    color: #5d7077;
    font-size: 15px;
    line-height: 1.7;
}
.billionaire-payments__guide-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.billionaire-payments__guide-grid article {
    display: flex;
    gap: 13px;
    padding: 18px;
    border: 1px solid #d7e7e2;
    border-radius: 14px;
    background: #fff;
}
.billionaire-payments__guide-grid article > i {
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 11px;
    background: #e0f3ee;
    color: #168b76;
}
.billionaire-payments__guide-grid strong {
    display: block;
    margin-bottom: 6px;
    color: #173b4b;
    font-size: 15px;
}
.billionaire-payments__guide-grid p {
    margin: 0;
    color: #63747a;
    font-size: 13px;
    line-height: 1.58;
}
@media (max-width: 991px) {
    .billionaire-payments__guide-intro {
        grid-template-columns: 1fr;
    }
    .billionaire-payments__guide-intro > span {
        grid-row: auto;
        margin-bottom: 8px;
    }
    .billionaire-payments__guide-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575px) {
    .billionaire-payments__guide summary {
        padding: 17px;
    }
    .billionaire-payments__guide summary > span {
        grid-template-columns: 42px 1fr;
    }
    .billionaire-payments__guide summary > span > i {
        width: 42px;
        height: 42px;
    }
    .billionaire-payments__guide summary strong {
        font-size: 15px;
    }
    .billionaire-payments__guide-body {
        padding: 18px;
    }
    .billionaire-payments__guide-grid {
        grid-template-columns: 1fr;
    }
}

/* Billionaire Spin account and security */
.billionaire-security {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #f7f2ff 0, #fff 52%, #f7f2ff 100%);
}
.billionaire-security:before {
    content: "";
    position: absolute;
    top: 11%;
    right: -150px;
    width: 440px;
    height: 440px;
    border: 1px solid rgba(126, 74, 220, 0.12);
    border-radius: 50%;
    box-shadow:
        0 0 0 60px rgba(126, 74, 220, 0.035),
        0 0 0 125px rgba(126, 74, 220, 0.025);
}
.billionaire-security > .container {
    position: relative;
    width: calc(100% - 96px) !important;
    max-width: 1440px !important;
    padding: 0 !important;
}
.billionaire-security__hero {
    display: grid;
    grid-template-columns: 1.23fr 0.77fr;
    min-height: 520px;
    margin-bottom: 18px;
    border-radius: 34px;
    overflow: hidden;
    background:
        radial-gradient(circle at 78% 24%, rgba(226, 181, 73, 0.18), transparent 26%),
        linear-gradient(128deg, #1c1233, #43256d 60%, #6b3bb0);
    box-shadow: 0 30px 72px rgba(57, 27, 96, 0.22);
}
.billionaire-security__hero-copy {
    padding: 64px;
}
.billionaire-security__hero-copy > span,
.billionaire-security__platform-copy > span,
.billionaire-security__control-head > span,
.billionaire-security__rules > div > span,
.billionaire-security__panel > div > span {
    display: block;
    margin-bottom: 12px;
    color: #f1c962;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}
.billionaire-security__hero-copy > span i {
    margin-right: 7px;
}
.billionaire-security__hero h2 {
    max-width: 850px;
    margin: 0 0 20px;
    color: #fff;
    font-size: clamp(43px, 4.6vw, 68px);
    line-height: 1.02;
    letter-spacing: -2.4px;
}
.billionaire-security__hero-copy > p {
    max-width: 830px;
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
    font-size: 17px;
    line-height: 1.75;
}
.billionaire-security__signals {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
    margin-top: 31px;
}
.billionaire-security__signals > div {
    padding: 17px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.07);
}
.billionaire-security__signals strong,
.billionaire-security__signals small {
    display: block;
}
.billionaire-security__signals strong {
    margin-bottom: 4px;
    color: #f4cf71;
    font-size: 23px;
}
.billionaire-security__signals small {
    color: rgba(255, 255, 255, 0.68);
    font-size: 11px;
    line-height: 1.4;
}
.billionaire-security__vault {
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden;
}
.billionaire-security__vault:before {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 50%;
    box-shadow:
        0 0 0 45px rgba(255, 255, 255, 0.025),
        0 0 0 90px rgba(255, 255, 255, 0.02);
}
.billionaire-security__orbit {
    position: relative;
    display: grid;
    width: 190px;
    height: 190px;
    place-items: center;
    border: 2px solid rgba(244, 207, 113, 0.4);
    border-radius: 50%;
    animation: securityFloat 5s ease-in-out infinite;
}
.billionaire-security__orbit > i {
    display: grid;
    width: 105px;
    height: 105px;
    place-items: center;
    border-radius: 32px;
    background: linear-gradient(145deg, #f2cc6a, #c98b2d);
    color: #2d174a;
    font-size: 40px;
    box-shadow: 0 24px 50px rgba(15, 6, 28, 0.3);
}
.billionaire-security__orbit > span {
    position: absolute;
    width: 15px;
    height: 15px;
    border: 3px solid #43256d;
    border-radius: 50%;
    background: #f4cf71;
}
.billionaire-security__orbit > span:nth-child(2) {
    top: -8px;
}
.billionaire-security__orbit > span:nth-child(3) {
    right: 4px;
    bottom: 30px;
}
.billionaire-security__orbit > span:nth-child(4) {
    bottom: 8px;
    left: 18px;
}
.billionaire-security__vault > p {
    position: absolute;
    right: 34px;
    bottom: 34px;
    margin: 0;
    color: rgba(255, 255, 255, 0.36);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.55;
    letter-spacing: 2px;
}
@keyframes securityFloat {
    50% {
        transform: translateY(-10px);
    }
}
.billionaire-security__platform {
    display: grid;
    grid-template-columns: 0.72fr 1.28fr;
    gap: 12px;
    margin-bottom: 18px;
}
.billionaire-security__platform-copy {
    padding: 35px;
    border-radius: 7px 24px 7px 24px;
    background: #f0d784;
}
.billionaire-security__platform-copy > span {
    color: #6c3aa9;
}
.billionaire-security__platform-copy h3 {
    margin: 0 0 14px;
    color: #2e1746;
    font-size: 34px;
    line-height: 1.13;
}
.billionaire-security__platform-copy p {
    margin: 0;
    color: #5b4966;
    font-size: 15px;
    line-height: 1.72;
}
.billionaire-security__platform-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.billionaire-security__platform-grid article {
    padding: 25px;
    border: 1px solid #e4d9f0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 35px rgba(72, 40, 105, 0.07);
}
.billionaire-security__platform-grid article > i {
    display: grid;
    width: 46px;
    height: 46px;
    margin-bottom: 17px;
    place-items: center;
    border-radius: 13px;
    background: #efe4fb;
    color: #713eb1;
    font-size: 18px;
}
.billionaire-security__platform-grid strong {
    display: block;
    margin-bottom: 8px;
    color: #321b49;
    font-size: 18px;
}
.billionaire-security__platform-grid p {
    margin: 0;
    color: #6b6072;
    font-size: 14px;
    line-height: 1.66;
}
.billionaire-security__control {
    margin-bottom: 18px;
    padding: 38px;
    border-radius: 30px;
    background: #171026;
    box-shadow: 0 24px 60px rgba(38, 19, 61, 0.18);
}
.billionaire-security__control-head {
    display: grid;
    grid-template-columns: 0.68fr 1.32fr;
    column-gap: 40px;
    margin-bottom: 25px;
}
.billionaire-security__control-head > span {
    grid-row: 1/3;
}
.billionaire-security__control-head h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 34px;
}
.billionaire-security__control-head p {
    margin: 0;
    color: rgba(255, 255, 255, 0.62);
    font-size: 15px;
    line-height: 1.66;
}
.billionaire-security__tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 9px;
    margin-bottom: 10px;
}
.billionaire-security__tabs button {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 72px;
    padding: 13px 18px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    background: #28203b;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    transition: 0.25s;
}
.billionaire-security__tabs button > i {
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.08);
    color: #ddbd66;
}
.billionaire-security__tabs button.is-active {
    border-color: #e4c364;
    background: #e4c364;
    color: #2b183e;
}
.billionaire-security__tabs button.is-active > i {
    background: rgba(43, 24, 62, 0.1);
    color: #43245f;
}
.billionaire-security__panel {
    display: grid;
    grid-template-columns: 1.18fr 0.82fr;
    gap: 30px;
    min-height: 270px;
    padding: 31px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    background: linear-gradient(120deg, #302348, #251a39);
}
.billionaire-security__panel > div > span {
    color: #e8c968;
}
.billionaire-security__panel h4 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 29px;
    line-height: 1.2;
}
.billionaire-security__panel p {
    margin: 0;
    color: rgba(255, 255, 255, 0.68);
    font-size: 15px;
    line-height: 1.72;
}
.billionaire-security__panel ul {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.billionaire-security__panel li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 13px 14px;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.76);
    font-size: 13px;
    line-height: 1.5;
}
.billionaire-security__panel li i {
    margin-top: 3px;
    color: #e9c969;
}
.billionaire-security__rules {
    display: grid;
    grid-template-columns: 1.15fr repeat(3, 1fr);
    gap: 10px;
}
.billionaire-security__rules > div,
.billionaire-security__rules article {
    padding: 27px;
    border: 1px solid #e3d9ed;
    border-radius: 17px;
    background: #fff;
}
.billionaire-security__rules > div {
    border: 0;
    border-radius: 7px 23px 7px 23px;
    background: linear-gradient(145deg, #6d3bab, #4b2977);
}
.billionaire-security__rules > div > span {
    color: #f1cf74;
}
.billionaire-security__rules > div h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 27px;
    line-height: 1.18;
}
.billionaire-security__rules > div p {
    margin: 0;
    color: rgba(255, 255, 255, 0.68);
    font-size: 14px;
    line-height: 1.65;
}
.billionaire-security__rules article > i {
    display: grid;
    width: 43px;
    height: 43px;
    margin-bottom: 16px;
    place-items: center;
    border-radius: 12px;
    background: #f0e5fb;
    color: #713eb1;
}
.billionaire-security__rules article strong {
    display: block;
    margin-bottom: 7px;
    color: #34204a;
    font-size: 16px;
}
.billionaire-security__rules article p {
    margin: 0;
    color: #6b6072;
    font-size: 13px;
    line-height: 1.62;
}
@media (max-width: 1199px) {
    .billionaire-security__hero {
        grid-template-columns: 1fr;
    }
    .billionaire-security__vault {
        display: none;
    }
    .billionaire-security__platform {
        grid-template-columns: 1fr;
    }
    .billionaire-security__rules {
        grid-template-columns: repeat(3, 1fr);
    }
    .billionaire-security__rules > div {
        grid-column: 1/-1;
    }
}
@media (max-width: 991px) {
    .billionaire-security > .container {
        width: calc(100% - 48px) !important;
    }
    .billionaire-security__hero-copy {
        padding: 44px;
    }
    .billionaire-security__control-head,
    .billionaire-security__panel {
        grid-template-columns: 1fr;
    }
    .billionaire-security__control-head > span {
        grid-row: auto;
    }
    .billionaire-security__tabs {
        grid-template-columns: repeat(2, 1fr);
    }
    .billionaire-security__platform-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575px) {
    .billionaire-security > .container {
        width: calc(100% - 32px) !important;
    }
    .billionaire-security__hero {
        min-height: auto;
    }
    .billionaire-security__hero-copy {
        padding: 30px 22px;
    }
    .billionaire-security__hero h2 {
        font-size: 39px;
    }
    .billionaire-security__signals,
    .billionaire-security__platform-grid,
    .billionaire-security__tabs,
    .billionaire-security__rules {
        grid-template-columns: 1fr;
    }
    .billionaire-security__control {
        padding: 24px 18px;
    }
    .billionaire-security__panel {
        padding: 22px;
    }
    .billionaire-security__rules > div {
        grid-column: 1;
    }
}

/* Billionaire Spin mobile casino */
.billionaire-mobile {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #0f0b1c, #24153b 58%, #faf5ff 58%);
}
.billionaire-mobile > .container {
    position: relative;
    width: calc(100% - 96px) !important;
    max-width: 1440px !important;
    padding: 0 !important;
}
.billionaire-mobile__hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 630px;
    margin-bottom: 18px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 34px;
    background:
        radial-gradient(circle at 15% 22%, rgba(147, 80, 226, 0.28), transparent 28%),
        linear-gradient(135deg, #191028, #35204f);
    box-shadow: 0 30px 74px rgba(26, 12, 43, 0.27);
    overflow: hidden;
}
.billionaire-mobile__copy {
    padding: 64px 55px;
}
.billionaire-mobile__copy > span,
.billionaire-mobile__features > div > span,
.billionaire-mobile__install-head > span,
.billionaire-mobile__install-panel > div > span {
    display: block;
    margin-bottom: 12px;
    color: #e9c566;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.25px;
    text-transform: uppercase;
}
.billionaire-mobile__copy > span i {
    margin-right: 6px;
}
.billionaire-mobile__copy h2 {
    margin: 0 0 20px;
    color: #fff;
    font-size: clamp(45px, 4.7vw, 67px);
    line-height: 1.02;
    letter-spacing: -2.5px;
}
.billionaire-mobile__copy > p {
    margin: 0;
    color: rgba(255, 255, 255, 0.71);
    font-size: 17px;
    line-height: 1.76;
}
.billionaire-mobile__badges {
    display: grid;
    gap: 8px;
    margin-top: 30px;
}
.billionaire-mobile__badges > div {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 15px;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.055);
}
.billionaire-mobile__badges > div > i {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    background: rgba(231, 196, 100, 0.13);
    color: #e9c566;
    font-size: 19px;
}
.billionaire-mobile__badges strong,
.billionaire-mobile__badges small {
    display: block;
}
.billionaire-mobile__badges strong {
    color: #fff;
    font-size: 15px;
}
.billionaire-mobile__badges small {
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.53);
    font-size: 11px;
}
.billionaire-mobile__devices {
    position: relative;
    min-height: 630px;
    background: radial-gradient(circle at 54% 44%, rgba(238, 201, 104, 0.22), transparent 29%);
}
.billionaire-mobile__pwa-chip {
    position: absolute;
    bottom: 55px;
    left: 22px;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 315px;
    padding: 15px 17px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 15px;
    background: rgba(16, 10, 28, 0.82);
    backdrop-filter: blur(10px);
    box-shadow: 0 18px 40px rgba(4, 2, 8, 0.3);
    z-index: 3;
}
.billionaire-mobile__pwa-chip > i {
    display: grid;
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    place-items: center;
    border-radius: 12px;
    background: #e7c464;
    color: #34204d;
}
.billionaire-mobile__pwa-chip small,
.billionaire-mobile__pwa-chip strong {
    display: block;
}
.billionaire-mobile__pwa-chip small {
    margin-bottom: 3px;
    color: #e8c968;
    font-size: 9px;
    letter-spacing: 1px;
}
.billionaire-mobile__pwa-chip strong {
    color: #fff;
    font-size: 13px;
    line-height: 1.3;
}
.billionaire-mobile__features {
    display: grid;
    grid-template-columns: 1.15fr repeat(2, 1fr);
    gap: 10px;
    margin-bottom: 18px;
}
.billionaire-mobile__features > div,
.billionaire-mobile__features article {
    padding: 27px;
    border: 1px solid #e5daee;
    border-radius: 17px;
    background: #fff;
}
.billionaire-mobile__features > div {
    grid-row: span 2;
    border: 0;
    border-radius: 7px 24px 7px 24px;
    background: linear-gradient(150deg, #e9c766, #c99032);
}
.billionaire-mobile__features > div > span {
    color: #532d78;
}
.billionaire-mobile__features > div h3 {
    margin: 0 0 13px;
    color: #2e183f;
    font-size: 32px;
    line-height: 1.14;
}
.billionaire-mobile__features > div p {
    margin: 0;
    color: #5d4567;
    font-size: 15px;
    line-height: 1.72;
}
.billionaire-mobile__features article > i {
    display: grid;
    width: 44px;
    height: 44px;
    margin-bottom: 15px;
    place-items: center;
    border-radius: 12px;
    background: #efe4f8;
    color: #7741ad;
}
.billionaire-mobile__features article strong {
    display: block;
    margin-bottom: 7px;
    color: #34204a;
    font-size: 17px;
}
.billionaire-mobile__features article p {
    margin: 0;
    color: #706276;
    font-size: 13px;
    line-height: 1.62;
}
.billionaire-mobile__install {
    margin-bottom: 14px;
    padding: 37px;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 22px 58px rgba(67, 35, 91, 0.12);
}
.billionaire-mobile__install-head {
    display: grid;
    grid-template-columns: 0.7fr 1.3fr;
    column-gap: 35px;
    margin-bottom: 24px;
}
.billionaire-mobile__install-head > span {
    grid-row: 1/3;
    color: #7b43b1;
}
.billionaire-mobile__install-head h3 {
    margin: 0 0 9px;
    color: #321b47;
    font-size: 34px;
}
.billionaire-mobile__install-head p {
    margin: 0;
    color: #6d6073;
    font-size: 15px;
    line-height: 1.67;
}
.billionaire-mobile__install-tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
    margin-bottom: 10px;
}
.billionaire-mobile__install-tabs button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 68px;
    padding: 12px;
    border: 1px solid #e2d6ec;
    border-radius: 13px;
    background: #f8f3fc;
    color: #5b426c;
    font-size: 14px;
    font-weight: 700;
}
.billionaire-mobile__install-tabs button i {
    font-size: 19px;
}
.billionaire-mobile__install-tabs button.is-active {
    border-color: #6f3aa5;
    background: #6f3aa5;
    color: #fff;
    box-shadow: 0 12px 26px rgba(111, 58, 165, 0.22);
}
.billionaire-mobile__install-panel {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 30px;
    min-height: 255px;
    padding: 29px;
    border-radius: 17px;
    background: linear-gradient(135deg, #24143a, #472567);
}
.billionaire-mobile__install-panel > div > span {
    color: #ebca6e;
}
.billionaire-mobile__install-panel h4 {
    margin: 0 0 11px;
    color: #fff;
    font-size: 28px;
    line-height: 1.2;
}
.billionaire-mobile__install-panel p {
    margin: 0;
    color: rgba(255, 255, 255, 0.68);
    font-size: 15px;
    line-height: 1.72;
}
.billionaire-mobile__steps {
    display: grid;
    gap: 8px;
}
.billionaire-mobile__steps article {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.07);
}
.billionaire-mobile__steps article i {
    display: grid;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 10px;
    background: #e8c766;
    color: #34204b;
}
.billionaire-mobile__steps article strong {
    color: #fff;
    font-size: 13px;
}
.billionaire-mobile__note {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 21px 24px;
    border: 1px solid #dccbea;
    border-radius: 7px 20px 7px 20px;
    background: #eee3f6;
}
.billionaire-mobile__note > i {
    display: grid;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 13px;
    background: #6e3ba3;
    color: #fff;
}
.billionaire-mobile__note p {
    margin: 0;
    color: #5f5267;
    font-size: 14px;
    line-height: 1.65;
}
@media (max-width: 1199px) {
    .billionaire-mobile__hero {
        grid-template-columns: 1fr;
    }
    .billionaire-mobile__devices {
        min-height: 600px;
    }
    .billionaire-mobile__features {
        grid-template-columns: repeat(2, 1fr);
    }
    .billionaire-mobile__features > div {
        grid-column: 1/-1;
        grid-row: auto;
    }
}
@media (max-width: 991px) {
    .billionaire-mobile > .container {
        width: calc(100% - 48px) !important;
    }
    .billionaire-mobile__install-head,
    .billionaire-mobile__install-panel {
        grid-template-columns: 1fr;
    }
    .billionaire-mobile__install-head > span {
        grid-row: auto;
    }
}
@media (max-width: 575px) {
    .billionaire-mobile > .container {
        width: calc(100% - 32px) !important;
    }
    .billionaire-mobile__copy {
        padding: 32px 22px;
    }
    .billionaire-mobile__copy h2 {
        font-size: 39px;
    }
    .billionaire-mobile__devices {
        min-height: 500px;
    }
    .billionaire-mobile__pwa-chip {
        right: 65px;
        bottom: 28px;
        left: 10px;
    }
    .billionaire-mobile__features,
    .billionaire-mobile__install-tabs {
        grid-template-columns: 1fr;
    }
    .billionaire-mobile__install {
        padding: 25px 18px;
    }
    .billionaire-mobile__install-panel {
        padding: 22px;
    }
    .billionaire-mobile__note {
        align-items: flex-start;
    }
}

/* Mobile hero character scene */
.billionaire-mobile__hero {
    position: relative;
    display: block;
    min-height: 650px;
}
.billionaire-mobile__copy {
    position: relative;
    z-index: 3;
    width: 53%;
    min-height: 650px;
}
.billionaire-mobile__devices {
    position: absolute;
    inset: 0;
    min-height: 0;
    background: none;
}
.billionaire-mobile__devices:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(21, 12, 34, 0.98) 0%,
        rgba(32, 17, 50, 0.93) 31%,
        rgba(31, 16, 48, 0.58) 48%,
        rgba(31, 16, 48, 0.08) 66%,
        transparent 100%
    );
}
.billionaire-mobile__scene {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.billionaire-mobile__pwa-chip {
    right: 25px;
    bottom: 24px;
    left: auto;
    z-index: 4;
    max-width: 340px;
    background: rgba(23, 12, 37, 0.88);
}
@media (max-width: 991px) {
    .billionaire-mobile__hero {
        min-height: 940px;
    }
    .billionaire-mobile__copy {
        width: 100%;
        min-height: auto;
        padding-bottom: 420px;
    }
    .billionaire-mobile__devices:after {
        background: linear-gradient(
            180deg,
            rgba(22, 12, 35, 0.98) 0%,
            rgba(31, 16, 48, 0.9) 42%,
            rgba(31, 16, 48, 0.22) 65%,
            rgba(31, 16, 48, 0.05) 100%
        );
    }
    .billionaire-mobile__scene {
        object-position: 63% center;
    }
    .billionaire-mobile__pwa-chip {
        right: 22px;
        bottom: 22px;
    }
}
@media (max-width: 575px) {
    .billionaire-mobile__hero {
        min-height: 850px;
    }
    .billionaire-mobile__copy {
        padding-bottom: 330px;
    }
    .billionaire-mobile__scene {
        object-position: 66% center;
    }
    .billionaire-mobile__pwa-chip {
        right: 12px;
        bottom: 14px;
        left: 12px;
    }
}

/* Billionaire Spin About */
.billionaire-about {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 18%, rgba(228, 190, 84, 0.18), transparent 23%),
        linear-gradient(180deg, #fbf7ef, #f5ebdb);
}
.billionaire-about:before {
    content: "";
    position: absolute;
    right: -180px;
    bottom: 8%;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(108, 58, 157, 0.12);
    border-radius: 50%;
    box-shadow:
        0 0 0 65px rgba(108, 58, 157, 0.025),
        0 0 0 132px rgba(108, 58, 157, 0.02);
}
.billionaire-about > .container {
    position: relative;
    width: calc(100% - 96px) !important;
    max-width: 1440px !important;
    padding: 0 !important;
}
.billionaire-about__opening {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 14px;
    margin-bottom: 18px;
}
.billionaire-about__portrait {
    position: relative;
    min-height: 610px;
    border-radius: 34px 8px 34px 8px;
    background: #2c1744;
    overflow: hidden;
    box-shadow: 0 26px 62px rgba(63, 31, 88, 0.17);
}
.billionaire-about__portrait:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 44%, rgba(25, 11, 38, 0.76) 100%);
}
.billionaire-about__portrait > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 72% center;
    transform: scale(1.06);
}
.billionaire-about__portrait > div {
    position: absolute;
    right: 25px;
    bottom: 24px;
    left: 25px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 15px;
    background: rgba(30, 14, 45, 0.78);
    backdrop-filter: blur(10px);
}
.billionaire-about__portrait > div > i {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 14px;
    background: #e5c25e;
    color: #3b2054;
}
.billionaire-about__portrait small,
.billionaire-about__portrait strong {
    display: block;
}
.billionaire-about__portrait small {
    margin-bottom: 4px;
    color: #e7c866;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.1px;
}
.billionaire-about__portrait strong {
    color: #fff;
    font-size: 14px;
    line-height: 1.35;
}
.billionaire-about__story {
    padding: 54px;
    border: 1px solid #e7d8c3;
    border-radius: 8px 34px 8px 34px;
    background: rgba(255, 255, 255, 0.78);
}
.billionaire-about__story > span,
.billionaire-about__world-head > span {
    display: block;
    margin-bottom: 12px;
    color: #7540a4;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.35px;
    text-transform: uppercase;
}
.billionaire-about__story h2 {
    margin: 0 0 21px;
    color: #301942;
    font-size: clamp(43px, 4.4vw, 62px);
    line-height: 1.03;
    letter-spacing: -2.3px;
}
.billionaire-about__story > p {
    margin: 0 0 16px;
    color: #675c6b;
    font-size: 16px;
    line-height: 1.75;
}
.billionaire-about__signature {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid #dfd1be;
}
.billionaire-about__signature > span {
    display: block;
    flex: 0 0 48px;
    width: 48px;
    height: 4px;
    border-radius: 5px;
    background: linear-gradient(90deg, #7641a5, #e1b94c);
}
.billionaire-about__signature p {
    margin: 0;
}
.billionaire-about__signature strong,
.billionaire-about__signature small {
    display: block;
}
.billionaire-about__signature strong {
    margin-bottom: 3px;
    color: #422452;
    font-size: 14px;
}
.billionaire-about__signature small {
    color: #7b6e7c;
    font-size: 12px;
    line-height: 1.45;
}
.billionaire-about__world {
    margin-bottom: 18px;
    padding: 39px;
    border-radius: 30px;
    background: #251438;
    box-shadow: 0 26px 64px rgba(48, 23, 70, 0.16);
}
.billionaire-about__world-head {
    display: grid;
    grid-template-columns: 0.66fr 1.34fr;
    column-gap: 40px;
    margin-bottom: 25px;
}
.billionaire-about__world-head > span {
    grid-row: 1/3;
    color: #e6c65f;
}
.billionaire-about__world-head h3 {
    margin: 0 0 9px;
    color: #fff;
    font-size: 35px;
}
.billionaire-about__world-head p {
    margin: 0;
    color: rgba(255, 255, 255, 0.63);
    font-size: 15px;
    line-height: 1.67;
}
.billionaire-about__qualities {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.billionaire-about__qualities article {
    display: flex;
    gap: 16px;
    min-height: 175px;
    padding: 23px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.055);
}
.billionaire-about__qualities article > i {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 14px;
    background: #e4c25f;
    color: #352047;
    font-size: 18px;
}
.billionaire-about__qualities article.is-live > i,
.billionaire-about__qualities article.is-rewards > i,
.billionaire-about__qualities article.is-security > i {
    background: #7543a8;
    color: #fff;
}
.billionaire-about__qualities strong {
    display: block;
    margin-bottom: 8px;
    color: #fff;
    font-size: 17px;
}
.billionaire-about__qualities p {
    margin: 0;
    color: rgba(255, 255, 255, 0.63);
    font-size: 13px;
    line-height: 1.65;
}
.billionaire-about__continuity {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 14px;
}
.billionaire-about__continuity > div {
    display: flex;
    gap: 14px;
    padding: 25px;
    border: 1px solid #e3d4bf;
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.78);
}
.billionaire-about__continuity > div > i {
    display: grid;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 12px;
    background: #efe1f5;
    color: #713d9d;
}
.billionaire-about__continuity strong {
    display: block;
    margin-bottom: 7px;
    color: #3a214a;
    font-size: 16px;
}
.billionaire-about__continuity p {
    margin: 0;
    color: #6c606e;
    font-size: 13px;
    line-height: 1.62;
}
.billionaire-about__closing {
    display: flex;
    align-items: center;
    gap: 17px;
    padding: 23px 26px;
    border-radius: 7px 21px 7px 21px;
    background: linear-gradient(100deg, #d7a83e, #edcf75);
}
.billionaire-about__closing > i {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 14px;
    background: #3b2052;
    color: #efcc6c;
}
.billionaire-about__closing p {
    margin: 0;
    color: #3c2945;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.67;
}
@media (max-width: 1199px) {
    .billionaire-about__opening {
        grid-template-columns: 1fr;
    }
    .billionaire-about__portrait {
        min-height: 520px;
    }
    .billionaire-about__portrait > img {
        object-position: 70% 35%;
    }
    .billionaire-about__continuity {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 991px) {
    .billionaire-about > .container {
        width: calc(100% - 48px) !important;
    }
    .billionaire-about__world-head {
        grid-template-columns: 1fr;
    }
    .billionaire-about__world-head > span {
        grid-row: auto;
    }
    .billionaire-about__qualities {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 575px) {
    .billionaire-about > .container {
        width: calc(100% - 32px) !important;
    }
    .billionaire-about__portrait {
        min-height: 430px;
    }
    .billionaire-about__story {
        padding: 31px 22px;
    }
    .billionaire-about__story h2 {
        font-size: 39px;
    }
    .billionaire-about__world {
        padding: 27px 18px;
    }
    .billionaire-about__qualities article {
        min-height: auto;
    }
    .billionaire-about__closing {
        align-items: flex-start;
    }
}

/* Approved portrait composition for About */
.billionaire-about__opening {
    grid-template-columns: 0.68fr 1.32fr;
}
.billionaire-about__portrait {
    min-height: 0;
    aspect-ratio: 2/3;
}
.billionaire-about__portrait > img {
    object-position: center;
    transform: none;
}
@media (max-width: 1199px) {
    .billionaire-about__opening {
        grid-template-columns: 1fr;
    }
    .billionaire-about__portrait {
        width: 100%;
        max-width: 620px;
        min-height: 0;
        margin: 0 auto;
        aspect-ratio: 2/3;
    }
}
@media (max-width: 575px) {
    .billionaire-about__portrait {
        min-height: 0;
        aspect-ratio: 2/3;
    }
}

/* Billionaire Spin FAQ */
.billionaire-faq {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 12%, rgba(226, 190, 91, 0.16), transparent 25%),
        linear-gradient(180deg, #1b1029 0, #2f1846 33%, #f8f1e8 33%);
}
.billionaire-faq:before {
    content: "?";
    position: absolute;
    top: -80px;
    right: 2%;
    color: rgba(255, 255, 255, 0.035);
    font-size: 440px;
    font-weight: 900;
    line-height: 1;
}
.billionaire-faq > .container {
    position: relative;
    width: calc(100% - 96px) !important;
    max-width: 1440px !important;
    padding: 0 !important;
}
.billionaire-faq__head {
    display: grid;
    grid-template-columns: 1.12fr 0.88fr;
    gap: 58px;
    align-items: end;
    margin-bottom: 33px;
}
.billionaire-faq__head > div:first-child > span {
    display: block;
    margin-bottom: 13px;
    color: #e8c663;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}
.billionaire-faq__head > div:first-child > span i {
    margin-right: 7px;
}
.billionaire-faq__head h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(44px, 4.6vw, 66px);
    line-height: 1.02;
    letter-spacing: -2.5px;
}
.billionaire-faq__head > div:nth-child(2) > p {
    margin: 0 0 16px;
    color: rgba(255, 255, 255, 0.69);
    font-size: 16px;
    line-height: 1.72;
}
.billionaire-faq__hint {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.06);
}
.billionaire-faq__hint > i {
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 11px;
    background: #e5c35e;
    color: #321b45;
}
.billionaire-faq__hint strong,
.billionaire-faq__hint small {
    display: block;
}
.billionaire-faq__hint strong {
    color: #fff;
    font-size: 13px;
}
.billionaire-faq__hint small {
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.52);
    font-size: 11px;
}
.billionaire-faq__columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    align-items: start;
    margin-bottom: 16px;
}
.billionaire-faq__column {
    display: grid;
    gap: 10px;
}
.billionaire-faq .faq-item {
    margin: 0;
    border: 1px solid #e1d4c3;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(61, 35, 75, 0.075);
    overflow: hidden;
    transition:
        border-color 0.25s,
        box-shadow 0.25s;
}
.billionaire-faq .faq-item.active {
    border-color: #7b45ac;
    box-shadow: 0 17px 40px rgba(77, 40, 108, 0.13);
}
.billionaire-faq .faq-question {
    position: relative;
    display: block;
    width: 100%;
    min-height: 88px;
    padding: 20px 58px 20px 20px;
    border: 0;
    background: #fff;
    color: #3b234c;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
}
.billionaire-faq .faq-question > span {
    display: flex;
    align-items: center;
    gap: 14px;
}
.billionaire-faq .faq-question > span > i {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    background: #efe4f6;
    color: #7540a3;
    font-size: 16px;
}
.billionaire-faq .faq-question:after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 20px;
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 9px;
    background: #f0e4d0;
    color: #6c3d94;
    font-size: 20px;
    font-weight: 500;
    transform: translateY(-50%);
    transition: 0.25s;
}
.billionaire-faq .faq-item.active .faq-question:after {
    content: "−";
    background: #7441a4;
    color: #fff;
    transform: translateY(-50%) rotate(180deg);
}
.billionaire-faq .faq-answer {
    max-height: 0;
    padding: 0 22px;
    overflow: hidden;
    background: linear-gradient(180deg, #fbf8fc, #f5edf8);
    transition:
        max-height 0.35s ease,
        padding 0.35s ease;
}
.billionaire-faq .faq-answer p {
    margin: 0;
    color: #665c6b;
    font-size: 14px;
    line-height: 1.72;
}
.billionaire-faq .faq-item.active .faq-answer {
    max-height: 420px;
    padding: 2px 22px 22px;
}
.billionaire-faq__closing {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 22px 25px;
    border: 1px solid #d9c7e5;
    border-radius: 7px 21px 7px 21px;
    background: #eadff1;
}
.billionaire-faq__closing > i {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 14px;
    background: #3a204f;
    color: #e8c865;
}
.billionaire-faq__closing strong {
    display: block;
    margin-bottom: 5px;
    color: #382247;
    font-size: 17px;
}
.billionaire-faq__closing p {
    margin: 0;
    color: #625665;
    font-size: 14px;
    line-height: 1.65;
}
@media (max-width: 991px) {
    .billionaire-faq > .container {
        width: calc(100% - 48px) !important;
    }
    .billionaire-faq__head {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .billionaire-faq__columns {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 575px) {
    .billionaire-faq > .container {
        width: calc(100% - 32px) !important;
    }
    .billionaire-faq__head h2 {
        font-size: 39px;
    }
    .billionaire-faq .faq-question {
        min-height: 82px;
        padding: 17px 48px 17px 15px;
        font-size: 14px;
    }
    .billionaire-faq .faq-question > span {
        gap: 10px;
    }
    .billionaire-faq .faq-question > span > i {
        flex-basis: 36px;
        width: 36px;
        height: 36px;
    }
    .billionaire-faq .faq-question:after {
        right: 12px;
    }
    .billionaire-faq__closing {
        align-items: flex-start;
    }
}

/* FAQ: keep the introduction and questions in two clearly separated panels */
.billionaire-faq {
    background:
        radial-gradient(circle at 92% 8%, rgba(226, 190, 91, 0.13), transparent 24%), #f8f1e8;
    scroll-margin-top: 105px;
}
.billionaire-faq:before {
    top: -55px;
    z-index: 1;
    color: rgba(255, 255, 255, 0.035);
}
.billionaire-faq__head {
    position: relative;
    z-index: 2;
    align-items: center;
    margin: 0 0 24px;
    padding: 46px;
    border-radius: 32px 8px 32px 8px;
    background:
        radial-gradient(circle at 90% 15%, rgba(226, 190, 91, 0.18), transparent 30%),
        linear-gradient(135deg, #1b1029, #3a1d54);
    box-shadow: 0 24px 58px rgba(45, 25, 59, 0.18);
}
.billionaire-faq__columns {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    margin: 0 0 16px;
    padding: 24px;
    border: 1px solid #e3d5c3;
    border-radius: 8px 30px 8px 30px;
    background: rgba(255, 255, 255, 0.64);
    box-shadow: 0 18px 48px rgba(62, 39, 73, 0.07);
    transform: none;
}
.billionaire-faq__column,
.billionaire-faq .faq-item {
    position: relative;
    top: auto;
    margin-top: 0;
    transform: none;
}
.billionaire-faq__closing {
    position: relative;
    z-index: 2;
}
@media (max-width: 991px) {
    .billionaire-faq__head {
        padding: 34px;
    }
    .billionaire-faq__columns {
        padding: 18px;
    }
}
@media (max-width: 575px) {
    .billionaire-faq__head {
        margin-bottom: 16px;
        padding: 28px 20px;
    }
    .billionaire-faq__columns {
        padding: 10px;
        border-radius: 7px 20px 7px 20px;
    }
}

/* Billionaire Spin footer */
.progress-wrap {
    position: fixed;
    right: 24px;
    bottom: 24px;
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(14px);
    transition:
        opacity 0.25s,
        visibility 0.25s,
        transform 0.25s;
    z-index: 9998;
}
.progress-wrap svg {
    display: block;
    width: 100%;
    height: 100%;
}
.progress-wrap path {
    fill: none;
    stroke: #8050db;
    stroke-width: 4;
    transition: stroke-dashoffset 0.2s linear;
}
.progress-wrap:after {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #8050db;
    font-family: "Font Awesome 6 Pro";
    font-size: 14px;
    font-weight: 900;
    content: "\f062";
}
.progress-wrap:hover path {
    stroke: #e1b94c;
}
.progress-wrap:hover:after {
    color: #e1b94c;
}
@media (max-width: 575px) {
    .progress-wrap {
        right: 14px;
        bottom: 14px;
        width: 42px;
        height: 42px;
    }
}

.billionaire-footer {
    position: relative;
    padding: 70px 0 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 8%, rgba(226, 190, 91, 0.13), transparent 27%),
        linear-gradient(145deg, #160d24, #2d1742 62%, #1d1130);
    color: #fff;
}
.billionaire-footer:before {
    position: absolute;
    right: -120px;
    bottom: -230px;
    width: 500px;
    height: 500px;
    border: 1px solid rgba(232, 198, 99, 0.15);
    border-radius: 50%;
    box-shadow:
        0 0 0 70px rgba(232, 198, 99, 0.025),
        0 0 0 140px rgba(232, 198, 99, 0.018);
    content: "";
}
.billionaire-footer > .container {
    position: relative;
    width: calc(100% - 96px) !important;
    max-width: 1440px !important;
    padding: 0 !important;
}
.billionaire-footer__main {
    display: grid;
    grid-template-columns: 1.05fr 1.35fr 0.8fr;
    gap: 48px;
    padding-bottom: 45px;
}
.billionaire-footer__logo {
    display: inline-flex;
    align-items: center;
    margin-bottom: 22px;
    text-decoration: none;
}
.billionaire-footer__logo .billionaire-logo__text {
    color: #fff;
}
.billionaire-footer__brand > p {
    max-width: 430px;
    margin: 0;
    color: rgba(255, 255, 255, 0.67);
    font-size: 15px;
    line-height: 1.72;
}
.billionaire-footer__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
}
.billionaire-footer__badges span {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px 11px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.055);
    color: rgba(255, 255, 255, 0.78);
    font-size: 12px;
}
.billionaire-footer__badges span:first-child {
    border-color: #e6c35e;
    background: #e6c35e;
    color: #332044;
    font-weight: 800;
}
.billionaire-footer h3 {
    margin: 0;
    color: #fff;
}
.billionaire-footer__nav h3 {
    margin-bottom: 20px;
    font-size: 18px;
}
.billionaire-footer__nav > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px 22px;
}
.billionaire-footer__nav a {
    padding: 6px 0;
    color: rgba(255, 255, 255, 0.69);
    font-size: 14px;
    text-decoration: none;
    transition: 0.2s;
}
.billionaire-footer__nav a:hover {
    color: #e8c663;
    transform: translateX(3px);
}
.billionaire-footer__play {
    padding: 26px;
    border: 1px solid rgba(232, 198, 99, 0.22);
    border-radius: 24px 7px 24px 7px;
    background: rgba(255, 255, 255, 0.055);
}
.billionaire-footer__play > span {
    display: block;
    margin-bottom: 9px;
    color: #e8c663;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.billionaire-footer__play h3 {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 1.28;
}
.billionaire-footer__play .tf-button {
    display: inline-flex;
}
.billionaire-footer__play > p {
    margin: 0;
    color: rgba(255, 255, 255, 0.62);
    font-size: 13px;
    line-height: 1.65;
}
.billionaire-footer__legal {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
    padding: 27px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.billionaire-footer__legal nav {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 10px 20px;
}
.billionaire-footer__legal a {
    color: #e7c965;
    font-size: 13px;
    text-decoration: none;
}
.billionaire-footer__legal p {
    margin: 0;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    line-height: 1.65;
}
.billionaire-footer__bottom {
    padding: 22px 0;
}
.billionaire-footer__bottom p {
    margin: 0;
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
}
.main-header .navbar-nav {
    gap: 1px;
}
.main-header .nav-link {
    padding-right: 7px !important;
    padding-left: 7px !important;
    font-size: 12px !important;
}

/* Legal pages */
.legal-page {
    background:
        radial-gradient(circle at 90% 5%, rgba(128, 80, 219, 0.1), transparent 24%), #f8f3ed;
    color: #625969;
}
.legal-hero {
    padding: 180px 0 72px;
    background:
        radial-gradient(circle at 88% 18%, rgba(231, 196, 92, 0.16), transparent 25%),
        linear-gradient(135deg, #1c102b, #3b1d55);
    color: #fff;
}
.legal-hero__eyebrow {
    margin-bottom: 14px;
    color: #e7c760;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.35px;
    text-transform: uppercase;
}
.legal-hero h1 {
    max-width: 900px;
    margin: 0 0 18px;
    color: #fff;
    font-size: clamp(45px, 6vw, 76px);
    line-height: 1.02;
    letter-spacing: -2.5px;
}
.legal-hero p {
    max-width: 820px;
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 17px;
    line-height: 1.75;
}
.legal-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 28px;
    padding: 58px 0 74px;
}
.legal-toc {
    position: sticky;
    top: 112px;
    align-self: start;
    padding: 24px;
    border: 1px solid #e4d7c8;
    border-radius: 22px 7px 22px 7px;
    background: #fff;
}
.legal-toc strong {
    display: block;
    margin-bottom: 13px;
    color: #342044;
}
.legal-toc a {
    display: block;
    padding: 8px 0;
    color: #716575;
    font-size: 13px;
    text-decoration: none;
}
.legal-toc a:hover {
    color: #7a43aa;
}
.legal-content {
    padding: 48px;
    border: 1px solid #e6d9ca;
    border-radius: 8px 30px 8px 30px;
    background: #fff;
    box-shadow: 0 22px 58px rgba(67, 39, 78, 0.08);
}
.legal-content section + section {
    margin-top: 38px;
    padding-top: 34px;
    border-top: 1px solid #eadfd3;
}
.legal-content h2 {
    margin: 0 0 14px;
    color: #342044;
    font-size: 28px;
}
.legal-content h3 {
    margin: 22px 0 9px;
    color: #4b2a60;
    font-size: 19px;
}
.legal-content p,
.legal-content li {
    font-size: 15px;
    line-height: 1.78;
}
.legal-content ul {
    margin: 12px 0 0;
    padding-left: 20px;
}
.legal-note {
    margin: 22px 0;
    padding: 18px 20px;
    border-left: 4px solid #e0b84f;
    border-radius: 5px 14px 14px 5px;
    background: #f5ecfa;
    color: #4f3f58;
}
.legal-updated {
    display: inline-flex;
    margin-top: 22px;
    padding: 9px 12px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.08);
    color: #e8cb73;
    font-size: 12px;
}
@media (max-width: 1199px) {
    .billionaire-footer__main {
        grid-template-columns: 1fr 1fr;
    }
    .billionaire-footer__play {
        grid-column: 1/-1;
    }
    .main-header .nav-link {
        padding-right: 5px !important;
        padding-left: 5px !important;
        font-size: 11px !important;
    }
}
@media (max-width: 991px) {
    .billionaire-footer > .container {
        width: calc(100% - 48px) !important;
    }
    .billionaire-footer__main,
    .billionaire-footer__legal {
        grid-template-columns: 1fr;
    }
    .legal-layout {
        grid-template-columns: 1fr;
    }
    .legal-toc {
        position: static;
    }
    .legal-hero {
        padding-top: 145px;
    }
}
@media (max-width: 575px) {
    .billionaire-footer > .container {
        width: calc(100% - 32px) !important;
    }
    .billionaire-footer__main {
        gap: 32px;
    }
    .billionaire-footer__nav > div {
        grid-template-columns: 1fr 1fr;
    }
    .legal-content {
        padding: 28px 20px;
    }
    .legal-hero {
        padding: 130px 0 55px;
    }
}