/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *,:before,:after {
            --tw-blur:initial;
            --tw-brightness:initial;
            --tw-contrast:initial;
            --tw-grayscale:initial;
            --tw-hue-rotate:initial;
            --tw-invert:initial;
            --tw-opacity:initial;
            --tw-saturate:initial;
            --tw-sepia:initial;
            --tw-drop-shadow:initial;
            --tw-drop-shadow-color:initial;
            --tw-drop-shadow-alpha:100%;
            --tw-drop-shadow-size:initial
        }
        ::backdrop {
            --tw-blur:initial;
            --tw-brightness:initial;
            --tw-contrast:initial;
            --tw-grayscale:initial;
            --tw-hue-rotate:initial;
            --tw-invert:initial;
            --tw-opacity:initial;
            --tw-saturate:initial;
            --tw-sepia:initial;
            --tw-drop-shadow:initial;
            --tw-drop-shadow-color:initial;
            --tw-drop-shadow-alpha:100%;
            --tw-drop-shadow-size:initial
        }
    }
}
@layer theme {
    :root,:host {
        --font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --spacing:.25rem;
        --default-transition-duration:.15s;
        --default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);
        --default-font-family:var(--font-sans);
        --default-mono-font-family:var(--font-mono)
    }
}
@layer base {
    *,:after,:before {
        box-sizing:border-box;
        border:0 solid;
        margin:0;
        padding:0
    }
    ::backdrop {
        box-sizing:border-box;
        border:0 solid;
        margin:0;
        padding:0
    }
    ::file-selector-button {
        box-sizing:border-box;
        border:0 solid;
        margin:0;
        padding:0
    }
    html,:host {
        -webkit-text-size-adjust:100%;
        tab-size:4;
        line-height:1.5;
        font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings:var(--default-font-feature-settings,normal);
        font-variation-settings:var(--default-font-variation-settings,normal);
        -webkit-tap-highlight-color:transparent
    }
    hr {
        height:0;
        color:inherit;
        border-top-width:1px
    }
    abbr:where([title]) {
        -webkit-text-decoration:underline dotted;
        text-decoration:underline dotted
    }
    h1,h2,h3,h4,h5,h6 {
        font-size:inherit;
        font-weight:inherit
    }
    a {
        color:inherit;
        -webkit-text-decoration:inherit;
        -webkit-text-decoration:inherit;
        -webkit-text-decoration:inherit;
        -webkit-text-decoration:inherit;
        text-decoration:inherit
    }
    b,strong {
        font-weight:bolder
    }
    code,kbd,samp,pre {
        font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings:var(--default-mono-font-feature-settings,normal);
        font-variation-settings:var(--default-mono-font-variation-settings,normal);
        font-size:1em
    }
    small {
        font-size:80%
    }
    sub,sup {
        vertical-align:baseline;
        font-size:75%;
        line-height:0;
        position:relative
    }
    sub {
        bottom:-.25em
    }
    sup {
        top:-.5em
    }
    table {
        text-indent:0;
        border-color:inherit;
        border-collapse:collapse
    }
    :-moz-focusring {
        outline:auto
    }
    progress {
        vertical-align:baseline
    }
    summary {
        display:list-item
    }
    ol,ul,menu {
        list-style:none
    }
    img,svg,video,canvas,audio,iframe,embed,object {
        vertical-align:middle;
        display:block
    }
    img,video {
        max-width:100%;
        height:auto
    }
    button,input,select,optgroup,textarea {
        font:inherit;
        font-feature-settings:inherit;
        font-variation-settings:inherit;
        letter-spacing:inherit;
        color:inherit;
        opacity:1;
        background-color:#0000;
        border-radius:0
    }
    ::file-selector-button {
        font:inherit;
        font-feature-settings:inherit;
        font-variation-settings:inherit;
        letter-spacing:inherit;
        color:inherit;
        opacity:1;
        background-color:#0000;
        border-radius:0
    }
    :where(select:is([multiple],[size])) optgroup {
        font-weight:bolder
    }
    :where(select:is([multiple],[size])) optgroup option {
        padding-inline-start:20px
    }
    ::file-selector-button {
        margin-inline-end:4px
    }
    ::placeholder {
        opacity:1
    }
    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color:currentColor
        }
        @supports (color:color-mix(in lab, red, red)) {
            ::placeholder {
                color:color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }
    textarea {
        resize:vertical
    }
    ::-webkit-search-decoration {
        -webkit-appearance:none
    }
    ::-webkit-date-and-time-value {
        min-height:1lh;
        text-align:inherit
    }
    ::-webkit-datetime-edit {
        display:inline-flex
    }
    ::-webkit-datetime-edit-fields-wrapper {
        padding:0
    }
    ::-webkit-datetime-edit {
        padding-block:0
    }
    ::-webkit-datetime-edit-year-field {
        padding-block:0
    }
    ::-webkit-datetime-edit-month-field {
        padding-block:0
    }
    ::-webkit-datetime-edit-day-field {
        padding-block:0
    }
    ::-webkit-datetime-edit-hour-field {
        padding-block:0
    }
    ::-webkit-datetime-edit-minute-field {
        padding-block:0
    }
    ::-webkit-datetime-edit-second-field {
        padding-block:0
    }
    ::-webkit-datetime-edit-millisecond-field {
        padding-block:0
    }
    ::-webkit-datetime-edit-meridiem-field {
        padding-block:0
    }
    ::-webkit-calendar-picker-indicator {
        line-height:1
    }
    :-moz-ui-invalid {
        box-shadow:none
    }
    button,input:where([type=button],[type=reset],[type=submit]) {
        -webkit-appearance:button;
        appearance:button
    }
    ::file-selector-button {
        -webkit-appearance:button;
        appearance:button
    }
    ::-webkit-inner-spin-button {
        height:auto
    }
    ::-webkit-outer-spin-button {
        height:auto
    }
    [hidden]:where(:not([hidden=until-found])) {
        display:none!important
    }
}
@layer components;
@layer utilities {
    .visible {
        visibility:visible
    }
    .fixed {
        position:fixed
    }
    .relative {
        position:relative
    }
    .static {
        position:static
    }
    .sticky {
        position:sticky
    }
    .start {
        inset-inline-start:var(--spacing)
    }
    .end {
        inset-inline-end:var(--spacing)
    }
    .flex {
        display:flex
    }
    .grid {
        display:grid
    }
    .hidden {
        display:none
    }
    .inline-flex {
        display:inline-flex
    }
    .table {
        display:table
    }
    .resize {
        resize:both
    }
    .blur {
        --tw-blur:blur(8px);
        filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
    }
    .transition {
        transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
}
:root {
    --gold:#f7c84a;
    --red:#e01e2b;
    --ink:#050606;
    --mx:50vw;
    --my:50vh
}
* {
    box-sizing:border-box
}
html {
    scroll-behavior:smooth
}
body {
    background:var(--ink);
    color:#fff;
    margin:0;
    font-family:Arial,Helvetica,sans-serif
}
a {
    color:inherit;
    text-decoration:none
}
button {
    font:inherit;
    color:inherit;
    cursor:pointer;
    border:0
}
.hero {
    background:radial-gradient(circle at 76% 48%,#421014 0,#2305087a 22%,#0000 47%),linear-gradient(115deg,#030505 0%,#090808 54%,#100506 100%);
    min-height:100vh;
    padding:0 5vw;
    position:relative;
    overflow:hidden
}
.grid {
    opacity:.12;
    background-image:linear-gradient(#f7c84a47 1px,#0000 1px),linear-gradient(90deg,#f7c84a47 1px,#0000 1px);
    background-size:88px 88px;
    position:absolute;
    inset:0;
    -webkit-mask-image:linear-gradient(#000,#0000 75%);
    mask-image:linear-gradient(#000,#0000 75%)
}
.glow {
    filter:blur(90px);
    background:#dc142338;
    border-radius:50%;
    width:360px;
    height:360px;
    position:absolute;
    top:25%;
    right:12%
}
.nav {
    z-index:5;
    opacity:0;
    border-bottom:1px solid #f7c84a29;
    align-items:center;
    gap:56px;
    max-width:1440px;
    height:94px;
    margin:auto;
    transition:all .8s;
    display:flex;
    position:relative;
    transform:translateY(-18px)
}
.isReady .nav {
    opacity:1;
    transform:none
}
.navLogo {
    object-fit:contain;
    width:174px;
    height:auto
}
.navLinks {
    color:#bebebe;
    letter-spacing:1.5px;
    text-transform:uppercase;
    gap:34px;
    margin-left:auto;
    font-size:13px;
    display:flex
}
.navLinks button {
    text-transform:uppercase;
    letter-spacing:inherit;
    background:0 0
}
.navLinks button:hover,.navLinks a:hover,.navLinks .active {
    color:var(--gold)
}
.navLinks .active {
    position:relative
}
.navLinks .active:after {
    content:"";
    background:var(--gold);
    height:2px;
    box-shadow:0 0 8px var(--gold);
    position:absolute;
    bottom:-14px;
    left:0;
    right:0
}
.content {
    z-index:2;
    grid-template-columns:1.05fr .95fr;
    align-items:center;
    max-width:1440px;
    min-height:calc(100vh - 155px);
    margin:auto;
    padding:48px 0 72px;
    display:grid;
    position:relative
}
.copy {
    opacity:0;
    transition:all 1s cubic-bezier(.2,.8,.2,1) .15s;
    transform:translate(-35px)
}
.isReady .copy {
    opacity:1;
    transform:none
}
.eyebrow {
    color:var(--gold);
    letter-spacing:4px;
    align-items:center;
    gap:12px;
    margin:0 0 30px;
    font-size:12px;
    font-weight:800;
    display:flex
}
.eyebrow span {
    background:var(--gold);
    width:28px;
    height:1px;
    box-shadow:0 0 12px var(--gold)
}
h1 {
    letter-spacing:-3.5px;
    text-transform:uppercase;
    text-shadow:0 8px 35px #00000073;
    margin:0;
    font-size:clamp(52px,6vw,96px);
    font-weight:950;
    line-height:.91
}
h1 .gold {
    color:var(--gold);
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(0 0 18px #f7c84a33);
    background:linear-gradient(#fff0a3 0%,#f4be32 48%,#b76f05 100%);
    -webkit-background-clip:text;
    background-clip:text
}
.intro {
    color:#aaa;
    max-width:540px;
    margin:28px 0 32px;
    font-size:16px;
    line-height:1.75
}
.actions {
    flex-wrap:wrap;
    gap:15px;
    display:flex
}
.actions button {
    text-align:center;
    letter-spacing:1.7px;
    border-radius:7px;
    min-width:176px;
    padding:17px 22px;
    font-size:13px;
    font-weight:900;
    transition:all .25s
}
.primary {
    color:#170c00;
    background:linear-gradient(135deg,#ffed93,#e9a51b);
    box-shadow:0 7px 28px #f7c84a30
}
.primary:hover {
    transform:translateY(-3px);
    box-shadow:0 12px 38px #f7c84a52
}
.primary b {
    margin-left:10px;
    font-size:18px
}
.secondary {
    border:1px solid var(--gold);
    color:var(--gold);
    background:#0f0b049e
}
.secondary:hover {
    background:#f7c84a1a;
    transform:translateY(-3px)
}
.secondary span {
    margin-left:9px
}
.stats {
    gap:38px;
    margin-top:32px;
    display:flex
}
.stats div {
    flex-direction:column;
    display:flex
}
.stats strong {
    color:#eee;
    font-size:20px
}
.stats span {
    letter-spacing:2px;
    color:#666;
    margin-top:5px;
    font-size:8px
}
.visual {
    perspective:900px;
    opacity:0;
    justify-content:center;
    align-items:center;
    height:570px;
    transition:all 1.1s cubic-bezier(.2,.8,.2,1) .25s;
    display:flex;
    position:relative;
    transform:translate(45px)
}
.isReady .visual {
    opacity:1;
    transform:none
}
.card {
    aspect-ratio:1.42;
    z-index:2;
    background:linear-gradient(145deg,#383838 0,#080808 44%,#160506 100%);
    border:2px solid #db9b23;
    border-radius:26px;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:min(520px,84%);
    transition:transform .18s ease-out;
    display:flex;
    position:relative;
    transform:rotateY(-8deg)rotateX(4deg);
    box-shadow:0 0 0 5px #3e1c04,0 0 0 7px #ffd96b,0 35px 80px #000,0 0 42px #d41b2638
}
.card:before {
    content:"";
    border:1px solid #ffd66b3d;
    border-radius:16px;
    position:absolute;
    inset:15px
}
.cardShine {
    border-radius:24px;
    position:absolute;
    inset:0;
    overflow:hidden
}
.cardShine:after {
    content:"";
    background:linear-gradient(90deg,#0000,#ffffff17,#0000);
    width:70%;
    height:180%;
    animation:4s ease-in-out infinite shine;
    position:absolute;
    top:-75%;
    left:-30%;
    transform:rotate(28deg)
}
.card img {
    z-index:2;
    filter:drop-shadow(0 9px 11px #000);
    width:82%;
    position:relative
}
.card p {
    color:#d6aa4d;
    letter-spacing:5px;
    margin-top:26px;
    font-size:10px;
    font-weight:700
}
.orbit {
    border:1px solid #ecb52f40;
    border-radius:50%;
    position:absolute;
    transform:rotateX(68deg)
}
.orbitOuter {
    border-style:dashed;
    width:610px;
    height:610px;
    animation:22s linear infinite spin
}
.orbitInner {
    border-color:#d21e2a59;
    width:480px;
    height:480px;
    animation:15s linear infinite reverse spin
}
.baseRing {
    z-index:1;
    border:1px solid #f7c84a6e;
    border-radius:50%;
    width:500px;
    height:92px;
    animation:3s ease-in-out infinite basePulse;
    position:absolute;
    bottom:65px;
    box-shadow:0 0 30px #f7c84a14,inset 0 0 28px #e11d2a1f
}
.spark {
    color:var(--gold);
    text-shadow:0 0 13px var(--gold);
    animation:2s ease-in-out infinite pulse;
    position:absolute
}
.sparkA {
    font-size:18px;
    top:23%;
    right:8%
}
.sparkB {
    font-size:11px;
    animation-delay:.8s;
    bottom:25%;
    left:7%
}
footer {
    z-index:3;
    color:#505050;
    letter-spacing:1px;
    justify-content:space-between;
    font-size:9px;
    display:flex;
    position:absolute;
    bottom:22px;
    left:5vw;
    right:5vw
}
.cursorGlow {
    z-index:1;
    left:var(--mx);
    top:var(--my);
    pointer-events:none;
    background:radial-gradient(circle,#e8a9251a,#0000 67%);
    border-radius:50%;
    width:380px;
    height:380px;
    position:fixed;
    transform:translate(-50%,-50%)
}
.particles {
    pointer-events:none;
    position:absolute;
    inset:0;
    overflow:hidden
}
.particles i {
    --x:calc((var(--i) * 37) % 100);
    left:calc(var(--x) * 1%);
    width:2px;
    height:2px;
    animation:float calc(7s + var(--i) * .4s) linear infinite;
    animation-delay:calc(var(--i) * -.7s);
    background:#f7c84a;
    position:absolute;
    bottom:-10px;
    box-shadow:0 0 8px #f7c84a
}
.liveHeader {
    z-index:3;
    color:#9d7c35;
    letter-spacing:1.4px;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:9px;
    width:calc(100% - 54px);
    margin-bottom:12px;
    font-size:7px;
    display:grid;
    position:relative
}
.liveHeader>span {
    color:#75e7a9;
    align-items:center;
    gap:5px;
    display:flex
}
.liveHeader i {
    background:#41e08a;
    border-radius:50%;
    width:6px;
    height:6px;
    animation:1.4s ease-in-out infinite liveBlink;
    box-shadow:0 0 10px #41e08a
}
.liveHeader b {
    color:#e8bd53;
    letter-spacing:2.5px;
    font-size:10px
}
.liveHeader em {
    color:#65562e;
    font-style:normal
}
.liveStats {
    z-index:3;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    width:calc(100% - 54px);
    display:grid;
    position:relative
}
.liveStats>div {
    background:#ffffff06;
    border:1px solid #f7c84a2b;
    border-radius:7px;
    flex-direction:column;
    padding:10px 11px;
    display:flex
}
.liveStats small {
    letter-spacing:1.2px;
    color:#746b58;
    font-size:6px
}
.liveStats strong {
    color:#f5f1e7;
    font-variant-numeric:tabular-nums;
    margin:4px 0 2px;
    font-size:18px
}
.liveStats span {
    letter-spacing:.8px;
    color:#64ce92;
    font-size:6px
}
.logoZone {
    z-index:2;
    border-top:1px solid #f7c84a1f;
    flex-direction:column;
    align-items:center;
    width:calc(100% - 54px);
    margin:15px 0 7px;
    padding:5px 0 2px;
    display:flex;
    position:relative
}
.card .logoZone img {
    width:72%;
    margin-top:6px
}
.card .logoZone p {
    letter-spacing:3px;
    margin:2px 0 0;
    font-size:7px
}
.activity {
    z-index:3;
    color:#6c5d3d;
    letter-spacing:1px;
    grid-template-columns:auto 1fr;
    align-items:end;
    gap:10px;
    width:calc(100% - 54px);
    font-size:6px;
    display:grid;
    position:relative
}
.activity>div {
    align-items:end;
    gap:2px;
    height:21px;
    display:flex
}
.activity i {
    opacity:.72;
    background:linear-gradient(#efba38,#7f230d);
    flex:1;
    min-width:2px;
    animation:1.8s ease-in-out infinite alternate bars
}
.activity i:nth-child(3n) {
    animation-delay:-.8s
}
.activity i:nth-child(4n) {
    animation-delay:-1.3s
}
.partnersSection {
    z-index:4;
    border-top:1px solid #f7c84a1f;
    max-width:1440px;
    margin:0 auto;
    padding:105px 0 90px;
    position:relative
}
.sectionHeading p {
    color:var(--gold);
    letter-spacing:4px;
    align-items:center;
    gap:12px;
    margin:0;
    font-size:11px;
    font-weight:900;
    display:flex
}
.sectionHeading p span {
    background:var(--gold);
    width:30px;
    height:2px
}
.sectionHeading h2 {
    letter-spacing:-2px;
    margin:18px 0 8px;
    font-size:clamp(35px,4vw,58px)
}
.sectionHeading small {
    color:#777;
    font-size:14px
}
.partnerLayout {
    grid-template-columns:1fr 280px;
    gap:24px;
    margin-top:45px;
    display:grid
}
.partnerGrid {
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    display:grid
}
.partnerCard {
    --accent:#f7c84a;
    border:1px solid var(--accent);
    flex-direction:column;
    min-height:485px;
    padding:35px 26px 24px;
    display:flex;
    position:relative;
    overflow:hidden
}
@supports (color:color-mix(in lab, red, red)) {
    .partnerCard {
        border:1px solid color-mix(in srgb,var(--accent) 35%,#132229)
    }
}
.partnerCard {
    background:linear-gradient(155deg,var(--accent),#080b0d 68%);
    border-radius:17px
}
@supports (color:color-mix(in lab, red, red)) {
    .partnerCard {
        background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 6%,#10191d),#080b0d 68%)
    }
}
.partnerCard {
    transition:all .3s;
    box-shadow:inset 0 0 35px #ffffff04
}
.partnerCard:hover {
    border-color:var(--accent);
    box-shadow:0 18px 55px var(--accent);
    transform:translateY(-8px)
}
@supports (color:color-mix(in lab, red, red)) {
    .partnerCard:hover {
        box-shadow:0 18px 55px color-mix(in srgb,var(--accent) 12%,transparent)
    }
}
.ribbon {
    background:var(--accent);
    color:#071008;
    letter-spacing:2px;
    clip-path:polygon(0 0,100% 0,86% 100%,0 100%);
    padding:10px 24px 10px 18px;
    font-size:10px;
    font-weight:950;
    position:absolute;
    top:0;
    left:0
}
.cardIndex {
    color:#334044;
    letter-spacing:2px;
    font-size:10px;
    position:absolute;
    top:12px;
    right:18px
}
.partnerLogo {
    justify-content:center;
    align-items:center;
    height:105px;
    margin-top:23px;
    display:flex
}
.partnerLogo img {
    object-fit:contain;
    filter:drop-shadow(0 8px 12px #000);
    width:88%;
    max-height:86px
}
.partnerCard h3 {
    letter-spacing:3px;
    margin:10px 0 13px;
    font-size:17px
}
.partnerTags {
    flex-wrap:wrap;
    gap:7px;
    display:flex
}
.partnerTags span {
    border:1px solid var(--accent);
    color:var(--accent);
    letter-spacing:1px;
    border-radius:5px;
    padding:7px 9px;
    font-size:8px;
    font-weight:900
}
.partnerCard ul {
    color:#91a0a4;
    gap:12px;
    margin:20px 0;
    padding:0;
    font-size:12px;
    list-style:none;
    display:grid
}
.partnerCard li:before {
    content:"•";
    color:var(--accent);
    margin-right:9px;
    font-size:18px
}
.partnerCard>button {
    border:1px solid var(--accent);
    color:var(--accent);
    letter-spacing:1.6px;
    background:0 0;
    border-radius:8px;
    margin-top:auto;
    padding:14px;
    font-size:10px;
    font-weight:950;
    transition:all .2s
}
.partnerCard>button:hover {
    background:var(--accent);
    color:#08100c
}
.partnerCard>button b {
    margin-left:10px
}
.communityPanel {
    background:linear-gradient(160deg,#11110c,#070707);
    border:1px solid #f7c84a40;
    border-radius:17px;
    align-self:start;
    min-height:485px;
    padding:28px;
    position:sticky;
    top:25px
}
.communityPanel>p {
    color:var(--gold);
    letter-spacing:2.5px;
    margin:0 0 23px;
    font-size:10px;
    font-weight:900
}
.communityStat {
    border-bottom:1px solid #f7c84a1c;
    flex-direction:column;
    padding:17px 0;
    display:flex
}
.communityStat strong {
    font-size:27px
}
.communityStat span {
    color:#766e5b;
    letter-spacing:2px;
    margin-top:5px;
    font-size:8px
}
.communityPanel hr {
    border:0;
    border-top:1px solid #f7c84a26;
    margin:25px 0
}
.liveCommunity strong {
    color:#70e69c;
    font-variant-numeric:tabular-nums
}
.communityPanel>a {
    text-align:center;
    background:var(--gold);
    color:#171000;
    letter-spacing:1.5px;
    border-radius:7px;
    margin-top:28px;
    padding:15px;
    font-size:10px;
    font-weight:950;
    display:block
}
.partnersSection+footer {
    border-top:1px solid #f7c84a1a;
    max-width:1440px;
    margin:auto;
    padding:28px 0 32px;
    position:relative;
    bottom:auto;
    left:auto;
    right:auto
}
.promoDisclaimer {
    color:#575757;
    letter-spacing:.5px;
    margin:24px 0 0;
    font-size:9px;
    line-height:1.6
}
.modalBackdrop {
    z-index:20;
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
    background:#000000bd;
    place-items:center;
    padding:20px;
    animation:.25s fadeIn;
    display:grid;
    position:fixed;
    inset:0
}
.modal {
    background:linear-gradient(145deg,#2b0f10fa,#050505fa);
    border:1px solid #f7c84a7a;
    border-radius:20px;
    width:min(560px,100%);
    padding:42px;
    animation:.35s cubic-bezier(.2,.8,.2,1) modalIn;
    position:relative;
    box-shadow:0 30px 90px #000,0 0 50px #e11d2a29
}
.close {
    color:#9b8460;
    background:0 0;
    font-size:30px;
    position:absolute;
    top:14px;
    right:18px
}
.modalTag {
    font-weight:800;
    color:var(--gold)!important;
    letter-spacing:4px!important;
    font-size:10px!important
}
.modal h2 {
    text-transform:uppercase;
    margin:10px 0 14px;
    font-size:42px
}
.modal>p {
    color:#aaa;
    line-height:1.7
}
.modalItems {
    gap:9px;
    margin-top:25px;
    display:grid
}
.modalItems button {
    text-align:left;
    background:#ffffff06;
    border:1px solid #f7c84a26;
    border-radius:9px;
    grid-template-columns:40px 1fr auto;
    align-items:center;
    padding:16px;
    transition:all .2s;
    display:grid
}
.modalItems button:hover {
    border-color:var(--gold);
    background:#f7c84a12;
    transform:translate(5px)
}
.modalItems span {
    color:#886a2a;
    font-size:10px
}
.modalItems b {
    color:var(--gold)
}
@keyframes spin {
    to {
        transform:rotate(360deg)
    }
}
@keyframes pulse {
    50% {
        opacity:.5
    }
}
@keyframes shine {
    0%,55% {
        transform:translate(-80%)rotate(28deg)
    }
    85%,to {
        transform:translate(220%)rotate(28deg)
    }
}
@keyframes basePulse {
    50% {
        opacity:.65;
        transform:scale(.93)
    }
}
@keyframes float {
    to {
        opacity:0;
        transform:translateY(-110vh)translate(70px)
    }
}
@keyframes fadeIn {
    0% {
        opacity:0
    }
}
@keyframes modalIn {
    0% {
        opacity:0;
        transform:translateY(25px)scale(.96)
    }
}
@keyframes liveBlink {
    50% {
        opacity:.3;
        transform:scale(.7)
    }
}
@keyframes bars {
    to {
        filter:brightness(1.8);
        transform:scaleY(.7)
    }
}
.partnerCard h3 {
    letter-spacing:1.2px;
    color:#f3f0e8;
    text-transform:uppercase;
    align-items:center;
    gap:11px;
    margin:11px 0 15px;
    font-family:Segoe UI Variable Display,Trebuchet MS,Arial,sans-serif;
    font-size:16px;
    font-weight:850;
    line-height:1.2;
    display:flex
}
.partnerCard h3:before {
    content:"";
    background:var(--accent);
    width:4px;
    height:20px;
    box-shadow:0 0 12px var(--accent);
    border-radius:3px;
    flex:0 0 4px
}
@supports (color:color-mix(in lab, red, red)) {
    .partnerCard h3:before {
        box-shadow:0 0 12px color-mix(in srgb,var(--accent) 55%,transparent)
    }
}
@media (max-width:1100px) {
    .partnerLayout {
        grid-template-columns:1fr
    }
    .partnerGrid {
        grid-template-columns:repeat(2,1fr)
    }
    .communityPanel {
        grid-template-columns:repeat(4,1fr);
        gap:15px;
        min-height:auto;
        display:grid;
        position:relative;
        top:auto
    }
    .communityPanel>p,.communityPanel hr,.communityPanel>a {
        grid-column:1/-1
    }
    .communityStat {
        border:0
    }
}
@media (max-width:900px) {
    .hero {
        padding:0 24px
    }
    .nav {
        height:78px
    }
    .navLogo {
        width:145px
    }
    .navLinks {
        gap:18px;
        margin-left:auto
    }
    .navLinks button,.navLinks a {
        font-size:10px
    }
    .content {
        text-align:center;
        grid-template-columns:1fr;
        padding-top:54px
    }
    .copy {
        flex-direction:column;
        align-items:center;
        display:flex
    }
    h1 {
        letter-spacing:-2px;
        font-size:clamp(46px,12vw,72px)
    }
    .visual {
        height:440px;
        margin-top:12px
    }
    .orbitOuter {
        width:440px;
        height:440px
    }
    .orbitInner {
        width:350px;
        height:350px
    }
    .baseRing {
        width:380px;
        bottom:35px
    }
    .partnersSection {
        padding:80px 0 60px
    }
    footer {
        flex-direction:column;
        align-items:center;
        gap:8px;
        padding:24px 0;
        position:relative;
        bottom:auto;
        left:auto;
        right:auto
    }
}
@media (max-width:650px) {
    .navLinks a:not(.active),.navLinks button {
        display:none
    }
    .partnerGrid {
        grid-template-columns:1fr
    }
    .communityPanel {
        grid-template-columns:repeat(2,1fr)
    }
}
@media (max-width:520px) {
    .hero {
        padding:0 17px
    }
    .content {
        padding-top:38px
    }
    .eyebrow {
        letter-spacing:3px;
        margin-bottom:24px;
        font-size:9px
    }
    h1 {
        font-size:42px;
        line-height:.94
    }
    .intro {
        font-size:14px
    }
    .actions,.actions button {
        width:100%
    }
    .stats {
        gap:22px
    }
    .visual {
        height:350px
    }
    .card {
        border-radius:18px;
        width:96%
    }
    .liveHeader,.liveStats,.logoZone,.activity {
        width:calc(100% - 30px)
    }
    .liveStats strong {
        font-size:14px
    }
    .card .logoZone p {
        letter-spacing:2px;
        font-size:6px
    }
    .orbitOuter {
        width:330px;
        height:330px
    }
    .orbitInner {
        width:270px;
        height:270px
    }
    .baseRing {
        width:290px;
        height:60px;
        bottom:18px
    }
    .sectionHeading h2 {
        font-size:34px
    }
    .partnerCard {
        min-height:440px
    }
    .communityPanel {
        grid-template-columns:1fr 1fr;
        padding:20px
    }
}
.growthSection,.faqSection {
    z-index:4;
    border-top:1px solid #f7c84a1a;
    max-width:1440px;
    margin:0 auto;
    padding:100px 0;
    position:relative
}
.valueGrid {
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    margin-top:42px;
    display:grid
}
.valueGrid article {
    background:linear-gradient(145deg,#f7c84a0b,#ffffff03);
    border:1px solid #f7c84a26;
    border-radius:14px;
    min-height:220px;
    padding:28px;
    transition:all .25s
}
.valueGrid article:hover {
    border-color:#f7c84a80;
    transform:translateY(-5px)
}
.valueGrid b {
    color:#6d5526;
    letter-spacing:2px;
    font-size:11px
}
.valueGrid h3 {
    letter-spacing:1.5px;
    margin:32px 0 13px;
    font-size:15px
}
.valueGrid p {
    color:#777;
    margin:0;
    font-size:12px;
    line-height:1.7
}
.faqGrid {
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:40px;
    display:grid
}
.faqGrid details {
    background:#ffffff05;
    border:1px solid #f7c84a26;
    border-radius:10px;
    padding:21px 23px
}
.faqGrid summary {
    cursor:pointer;
    color:#e7e2d7;
    letter-spacing:.6px;
    font-size:13px;
    font-weight:800
}
.faqGrid details[open] {
    border-color:#f7c84a7a
}
.faqGrid p {
    color:#818181;
    margin:16px 0 0;
    font-size:12px;
    line-height:1.7
}
.finalCta {
    background:radial-gradient(circle at 80%,#e11d2a29,#0000 35%),linear-gradient(120deg,#181109,#080808);
    border:1px solid #f7c84a80;
    border-radius:17px;
    justify-content:space-between;
    align-items:center;
    gap:25px;
    margin-top:70px;
    padding:40px 45px;
    display:flex
}
.finalCta small {
    color:var(--gold);
    letter-spacing:3px;
    font-weight:900
}
.finalCta h2 {
    margin:8px 0;
    font-size:38px
}
.finalCta p {
    color:#777;
    margin:0
}
.finalCta button {
    background:var(--gold);
    color:#160f00;
    letter-spacing:1.5px;
    white-space:nowrap;
    border-radius:8px;
    padding:18px 27px;
    font-size:11px;
    font-weight:950
}
.finalCta button b {
    margin-left:10px
}
.faqSection+footer {
    border-top:1px solid #f7c84a1a;
    max-width:1440px;
    margin:auto;
    padding:28px 0 32px;
    position:relative;
    bottom:auto;
    left:auto;
    right:auto
}
@media (max-width:1100px) {
    .valueGrid {
        grid-template-columns:repeat(2,1fr)
    }
}
@media (max-width:650px) {
    .valueGrid,.faqGrid {
        grid-template-columns:1fr
    }
    .finalCta {
        flex-direction:column;
        align-items:flex-start;
        padding:30px
    }
    .finalCta button {
        width:100%
    }
}
@media (max-width:520px) {
    .growthSection,.faqSection {
        padding:70px 0
    }
    .finalCta h2 {
        font-size:29px
    }
}
.compareSection {
    z-index:4;
    border-top:1px solid #f7c84a1a;
    max-width:1440px;
    margin:0 auto;
    padding:100px 0;
    position:relative
}
.compareWrap {
    background:linear-gradient(145deg,#f7c84a09,#ffffff03);
    border:1px solid #f7c84a33;
    border-radius:15px;
    margin-top:42px;
    overflow-x:auto;
    box-shadow:0 20px 60px #00000040
}
.compareTable {
    border-collapse:collapse;
    text-align:left;
    width:100%;
    min-width:820px
}
.compareTable th {
    color:#806a38;
    letter-spacing:1.7px;
    background:#f7c84a0b;
    padding:18px 20px;
    font-size:9px
}
.compareTable td {
    color:#999;
    border-top:1px solid #f7c84a17;
    padding:21px 20px;
    font-size:12px
}
.compareTable td:first-child {
    color:#f0ede4;
    letter-spacing:1px;
    white-space:nowrap;
    font-weight:900
}
.compareTable td i {
    background:var(--dot);
    width:8px;
    height:8px;
    box-shadow:0 0 11px var(--dot);
    border-radius:50%;
    margin-right:11px;
    display:inline-block
}
.compareTable tbody tr {
    transition:all .2s
}
.compareTable tbody tr:hover {
    background:#f7c84a09
}
.compareTable button {
    color:var(--gold);
    letter-spacing:1px;
    white-space:nowrap;
    background:0 0;
    border:1px solid #f7c84a73;
    border-radius:5px;
    padding:9px 13px;
    font-size:9px;
    font-weight:900
}
.compareTable button:hover {
    background:var(--gold);
    color:#171000
}
.mobileCompare {
    display:none
}
@media (max-width:650px) {
    body {
        padding-bottom:70px
    }
    .compareSection {
        padding:70px 0
    }
    .compareWrap {
        border-radius:11px;
        margin-top:30px
    }
    .compareTable th,.compareTable td {
        padding-left:16px;
        padding-right:16px
    }
    .mobileCompare {
        z-index:15;
        color:#180e00;
        letter-spacing:1.5px;
        background:linear-gradient(135deg,#ffe178,#e9a51b);
        border:1px solid #ffe47d;
        border-radius:9px;
        justify-content:center;
        align-items:center;
        gap:12px;
        height:52px;
        font-size:11px;
        font-weight:950;
        display:flex;
        position:fixed;
        bottom:10px;
        left:12px;
        right:12px;
        box-shadow:0 10px 35px #000000b3,0 0 22px #f7c84a2e
    }
    .mobileCompare b {
        font-size:16px
    }
}
.gameFrame {
    z-index:3;
    background:#060606;
    border:2px solid #d99a22;
    border-radius:22px;
    grid-template-rows:46px 1fr 38px;
    width:min(590px,92%);
    height:470px;
    display:grid;
    position:relative;
    overflow:hidden;
    box-shadow:0 0 0 5px #321903,0 0 0 7px #ffd76a,0 35px 80px #000,0 0 45px #d6182638
}
.gameFrameTop {
    letter-spacing:1.4px;
    background:linear-gradient(90deg,#17130a,#090909);
    border-bottom:1px solid #f7c84a33;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:12px;
    padding:0 16px;
    font-size:8px;
    display:grid
}
.gameFrameTop span {
    color:#66dfa0;
    align-items:center;
    gap:7px;
    font-weight:900;
    display:flex
}
.gameFrameTop i {
    background:#47e38f;
    border-radius:50%;
    width:7px;
    height:7px;
    animation:1.4s ease-in-out infinite liveBlink;
    box-shadow:0 0 10px #47e38f
}
.gameFrameTop b {
    color:#d7ad4b;
    letter-spacing:2px
}
.gameFrameTop a {
    color:var(--gold);
    border:1px solid #f7c84a59;
    border-radius:5px;
    padding:7px 9px;
    font-weight:900
}
.gameFrame iframe {
    background:#000;
    border:0;
    width:100%;
    height:100%;
    display:block
}
.gameFrameFallback {
    color:#645633;
    letter-spacing:1.2px;
    background:#0a0907;
    border-top:1px solid #f7c84a2b;
    justify-content:space-between;
    align-items:center;
    padding:0 15px;
    font-size:7px;
    display:flex
}
.gameFrameFallback a {
    color:var(--gold);
    font-weight:900
}
.gameFrame a:hover {
    color:#fff;
    border-color:var(--gold)
}
@media (max-width:900px) {
    .gameFrame {
        width:min(620px,90%);
        height:430px
    }
}
@media (max-width:520px) {
    .visual {
        height:455px
    }
    .gameFrame {
        border-radius:15px;
        grid-template-rows:42px 1fr 36px;
        width:98%;
        height:410px
    }
    .gameFrameTop {
        gap:7px;
        padding:0 10px
    }
    .gameFrameTop b {
        letter-spacing:1px;
        font-size:7px
    }
    .gameFrameFallback {
        padding:0 10px
    }
    .orbitOuter {
        width:390px;
        height:390px
    }
    .orbitInner {
        width:310px;
        height:310px
    }
    .baseRing {
        bottom:4px
    }
}
.visual:before {
    content:"";
    filter:blur(30px);
    background:radial-gradient(#da192633,#f7c84a0e 38%,#0000 70%);
    border-radius:50%;
    width:88%;
    height:72%;
    position:absolute;
    transform:translateY(20px)
}
.visual:after {
    content:"";
    z-index:1;
    background:linear-gradient(90deg,#0000,#f7c84aa6,#0000);
    width:76%;
    height:1px;
    position:absolute;
    bottom:34px;
    box-shadow:0 0 28px #f7c84a6b
}
.gameFrame {
    background:linear-gradient(145deg,#24201a,#080808 35%,#050505);
    border:1px solid #ffd76ab3;
    border-radius:16px;
    grid-template-rows:52px 1fr 34px;
    gap:0;
    width:min(640px,96%);
    height:500px;
    padding:6px;
    transition:transform .35s,box-shadow .35s;
    transform:perspective(1200px)rotateY(-2deg);
    box-shadow:0 28px 90px #000000c7,inset 0 0 0 1px #ffffff0a,0 0 55px #a40d1933
}
.gameFrame:hover {
    transform:perspective(1200px)rotateY(0)translateY(-4px);
    box-shadow:0 36px 100px #000000d1,0 0 70px #bf172340
}
.gameFrameTop {
    background:linear-gradient(90deg,#ffffff0e,#f7c84a05);
    border:0;
    border-radius:10px 10px 0 0;
    padding:0 15px;
    font-size:8px;
    position:relative
}
.gameFrameTop:before {
    content:"•••";
    color:#9a7331;
    letter-spacing:4px;
    font-size:13px;
    position:absolute;
    top:8px;
    left:16px
}
.gameFrameTop span {
    color:#71e5a7;
    padding-top:14px
}
.gameFrameTop b {
    text-align:center;
    color:#e5c16d;
    letter-spacing:2.4px;
    padding-top:14px;
    font-size:9px
}
.gameFrameTop a {
    color:#f2cb66;
    background:#f7c84a1f;
    border:0;
    border-radius:4px;
    margin-top:14px;
    padding:6px 10px
}
.gameFrame iframe {
    background:#020202;
    border:1px solid #ffffff14;
    border-radius:5px;
    box-shadow:0 0 0 1px #000c
}
.gameFrameFallback {
    color:#4e4739;
    background:0 0;
    border:0;
    padding:0 10px
}
.gameFrameFallback a {
    color:#8d7748
}
.gameFrameFallback a:hover {
    color:var(--gold)
}
@media (max-width:900px) {
    .gameFrame {
        width:min(680px,96%);
        height:460px
    }
}
@media (max-width:520px) {
    .visual {
        height:470px
    }
    .visual:after {
        bottom:15px
    }
    .gameFrame {
        border-radius:12px;
        grid-template-rows:48px 1fr 32px;
        width:100%;
        height:430px;
        padding:4px;
        transform:none
    }
    .gameFrame:hover {
        transform:translateY(-2px)
    }
    .gameFrameTop:before {
        left:10px
    }
    .gameFrameTop span {
        font-size:6px
    }
    .gameFrameTop b {
        letter-spacing:1.2px;
        font-size:7px
    }
    .gameFrameTop a {
        padding:6px;
        font-size:7px
    }
    .gameFrameFallback span {
        display:none
    }
    .gameFrameFallback {
        justify-content:flex-end
    }
}
@media (min-width:901px) {
    .hero :not(iframe) {
        transition:none!important;
        animation:none!important
    }
    .particles,.cursorGlow {
        display:none
    }
    .nav,.copy,.visual {
        opacity:1;
        transform:none
    }
    .gameFrame,.gameFrame:hover,.partnerCard:hover,.valueGrid article:hover,.actions button:hover {
        transform:none
    }
    .gameFrameTop i {
        box-shadow:none
    }
}
.gamesSection {
    z-index:4;
    border-top:1px solid #f7c84a1f;
    max-width:1440px;
    margin:0 auto;
    padding:100px 0 90px;
    position:relative
}
.gameCategoryGrid {
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-top:42px;
    display:grid
}
.gameCategoryCard {
    --game-accent:#f7c84a;
    border:1px solid var(--game-accent);
    flex-direction:column;
    min-height:420px;
    padding:18px;
    display:flex;
    overflow:hidden
}
@supports (color:color-mix(in lab, red, red)) {
    .gameCategoryCard {
        border:1px solid color-mix(in srgb,var(--game-accent) 32%,#1f2020)
    }
}
.gameCategoryCard {
    background:linear-gradient(150deg,var(--game-accent),#070808 62%);
    border-radius:15px
}
@supports (color:color-mix(in lab, red, red)) {
    .gameCategoryCard {
        background:linear-gradient(150deg,color-mix(in srgb,var(--game-accent) 7%,#111313),#070808 62%)
    }
}
.gameCategoryCard {
    transition:all .25s;
    box-shadow:inset 0 1px #ffffff08
}
.gameCategoryCard:hover {
    border-color:var(--game-accent);
    transform:translateY(-5px)
}
.gameCategoryTop {
    color:var(--game-accent);
    letter-spacing:1.6px;
    justify-content:space-between;
    align-items:center;
    padding:1px 2px 13px;
    font-size:8px;
    font-weight:950;
    display:flex
}
.gameCategoryTop small {
    color:#575757
}
.gameCategoryArt {
    background:radial-gradient(circle at 50% 48%,var(--game-accent),transparent 55%),linear-gradient(145deg,#161818,#070707);
    border-radius:10px;
    place-items:center;
    height:145px;
    display:grid;
    position:relative;
    overflow:hidden
}
@supports (color:color-mix(in lab, red, red)) {
    .gameCategoryArt {
        background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--game-accent) 30%,transparent),transparent 55%),linear-gradient(145deg,#161818,#070707)
    }
}
.gameCategoryArt:before,.gameCategoryArt:after {
    content:"";
    border:1px solid var(--game-accent);
    width:110px;
    height:110px;
    position:absolute
}
@supports (color:color-mix(in lab, red, red)) {
    .gameCategoryArt:before,.gameCategoryArt:after {
        border:1px solid color-mix(in srgb,var(--game-accent) 44%,transparent)
    }
}
.gameCategoryArt:before,.gameCategoryArt:after {
    border-radius:50%
}
.gameCategoryArt:after {
    border-style:dashed;
    width:75px;
    height:75px
}
.gameCategoryArt b {
    z-index:2;
    color:var(--game-accent);
    letter-spacing:-5px;
    text-shadow:0 0 28px var(--game-accent);
    font-size:54px;
    line-height:1;
    position:relative
}
@supports (color:color-mix(in lab, red, red)) {
    .gameCategoryArt b {
        text-shadow:0 0 28px color-mix(in srgb,var(--game-accent) 40%,transparent)
    }
}
.gameCategoryArt i {
    background:linear-gradient(90deg,transparent,var(--game-accent),transparent);
    height:1px;
    box-shadow:0 0 18px var(--game-accent);
    position:absolute;
    inset:auto 12% 0
}
.gameCategoryCard h3 {
    color:#f2efe7;
    letter-spacing:1px;
    margin:22px 2px 6px;
    font-size:16px
}
.gameCategoryCard>p {
    color:#62696a;
    letter-spacing:1.3px;
    margin:0 2px;
    font-size:9px
}
.gameProvider {
    border-top:1px solid #ffffff0f;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    height:54px;
    margin:20px 2px 14px;
    padding-top:14px;
    display:flex
}
.gameProvider span {
    color:#575757;
    letter-spacing:1.2px;
    white-space:nowrap;
    font-size:7px
}
.gameProvider img {
    object-fit:contain;
    filter:drop-shadow(0 5px 7px #000);
    width:105px;
    max-height:34px
}
.gameCategoryCard>button {
    border:1px solid var(--game-accent);
    color:var(--game-accent);
    letter-spacing:1.2px;
    background:0 0;
    border-radius:7px;
    margin-top:auto;
    padding:13px;
    font-size:9px;
    font-weight:950
}
.gameCategoryCard>button:hover {
    background:var(--game-accent);
    color:#080a08
}
@media (max-width:1100px) {
    .gameCategoryGrid {
        grid-template-columns:repeat(2,1fr)
    }
}
@media (max-width:650px) {
    .gamesSection {
        padding:70px 0 60px
    }
    .gameCategoryGrid {
        grid-template-columns:1fr
    }
    .gameCategoryCard {
        min-height:390px
    }
    .gameCategoryArt {
        height:155px
    }
}
.gameFrame {
    grid-template-rows:52px 1fr
}
.gameFrameTop {
    grid-template-columns:auto 1fr
}
.gameFrameTop b {
    text-align:right;
    padding-right:8px
}
.gamesPagePlayer>div {
    justify-content:flex-start
}
.gamesPage {
    color:#fff;
    background:radial-gradient(circle at 75% 17%,#760e174d,#0000 31%),linear-gradient(135deg,#030404,#0b0808 58%,#120506);
    min-height:100vh;
    padding:0 5vw;
    overflow:hidden
}
.gamesPageNav {
    border-bottom:1px solid #f7c84a29;
    justify-content:space-between;
    align-items:center;
    max-width:1440px;
    height:94px;
    margin:auto;
    display:flex
}
.gamesPageNav img {
    width:174px
}
.gamesPageNav>div {
    color:#aaa;
    letter-spacing:1.6px;
    gap:32px;
    font-size:11px;
    display:flex
}
.gamesPageNav a:hover,.gamesPageNav .active {
    color:var(--gold)
}
.gamesPageHero {
    grid-template-columns:1fr 260px;
    align-items:center;
    gap:60px;
    max-width:1440px;
    min-height:570px;
    margin:auto;
    display:grid
}
.gamesPageHero>div>p {
    color:var(--gold);
    letter-spacing:3.5px;
    align-items:center;
    gap:12px;
    font-size:10px;
    font-weight:900;
    display:flex
}
.gamesPageHero>div>p span {
    background:var(--gold);
    width:28px;
    height:1px
}
.gamesPageHero h1 {
    font-size:clamp(58px,7vw,104px);
    line-height:.9
}
.gamesPageHero h1 em {
    color:var(--gold);
    font-style:normal
}
.gamesPageHero>div>small {
    color:#8c8c8c;
    max-width:610px;
    margin-top:28px;
    font-size:15px;
    line-height:1.7;
    display:block
}
.gamesPageActions {
    gap:12px;
    margin-top:30px;
    display:flex
}
.gamesPageActions a {
    border:1px solid var(--gold);
    color:var(--gold);
    letter-spacing:1.3px;
    border-radius:7px;
    padding:16px 20px;
    font-size:10px;
    font-weight:950
}
.gamesPageActions a:first-child {
    background:var(--gold);
    color:#171000
}
.gamesPageHero aside {
    background:#ffffff05;
    border:1px solid #f7c84a33;
    border-radius:14px;
    padding:25px;
    display:grid
}
.gamesPageHero aside strong {
    color:#f1ede3;
    font-size:31px
}
.gamesPageHero aside span {
    color:#676052;
    letter-spacing:1.6px;
    border-bottom:1px solid #f7c84a1a;
    margin-bottom:18px;
    padding:5px 0 20px;
    font-size:8px
}
.gamesPageHero aside span:last-child {
    border:0;
    margin:0;
    padding-bottom:0
}
.gamesPageFeatured,.gamesPageCategories {
    border-top:1px solid #f7c84a1f;
    max-width:1440px;
    margin:auto;
    padding:95px 0
}
.gamesPagePlayer {
    background:#080808;
    border:1px solid #f7c84a8c;
    border-radius:14px;
    grid-template-rows:44px 1fr;
    height:680px;
    margin-top:40px;
    padding:6px;
    display:grid;
    box-shadow:0 30px 90px #000
}
.gamesPagePlayer>div {
    color:#8a7446;
    letter-spacing:1.5px;
    align-items:center;
    gap:9px;
    padding:0 12px;
    font-size:8px;
    font-weight:900;
    display:flex
}
.gamesPagePlayer>div i {
    background:#55da91;
    border-radius:50%;
    width:7px;
    height:7px
}
.gamesPagePlayer>div a {
    color:var(--gold);
    margin-left:auto
}
.gamesPagePlayer iframe {
    background:#000;
    border:1px solid #ffffff12;
    border-radius:6px;
    width:100%;
    height:100%
}
.gamesPageCta {
    background:linear-gradient(120deg,#181009,#090909);
    border:1px solid #f7c84a6b;
    border-radius:15px;
    justify-content:space-between;
    align-items:center;
    gap:25px;
    max-width:1440px;
    margin:0 auto 70px;
    padding:42px;
    display:flex
}
.gamesPageCta small {
    color:var(--gold);
    letter-spacing:2.5px;
    font-weight:900
}
.gamesPageCta h2 {
    margin:8px 0;
    font-size:36px
}
.gamesPageCta p {
    color:#777;
    margin:0
}
.gamesPageCta>a {
    background:var(--gold);
    color:#171000;
    letter-spacing:1.4px;
    white-space:nowrap;
    border-radius:7px;
    padding:17px 23px;
    font-size:10px;
    font-weight:950
}
.gamesPage>footer {
    border-top:1px solid #f7c84a1a;
    max-width:1440px;
    margin:auto;
    padding:28px 0 32px;
    position:relative;
    bottom:auto;
    left:auto;
    right:auto
}
@media (max-width:900px) {
    .gamesPage {
        padding:0 24px
    }
    .gamesPageNav {
        height:78px
    }
    .gamesPageNav img {
        width:145px
    }
    .gamesPageNav>div {
        gap:16px
    }
    .gamesPageHero {
        grid-template-columns:1fr;
        min-height:auto;
        padding:90px 0
    }
    .gamesPageHero aside {
        grid-template-columns:repeat(3,1fr);
        gap:15px
    }
    .gamesPageHero aside span {
        border:0;
        margin:0
    }
    .gamesPagePlayer {
        height:560px
    }
    .gamesPageCta {
        flex-direction:column;
        align-items:flex-start
    }
    .gamesPageCta>a {
        text-align:center;
        width:100%
    }
}
@media (max-width:650px) {
    .gamesPage {
        padding:0 17px
    }
    .gamesPageNav>div a:not(.active):not(:first-child) {
        display:none
    }
    .gamesPageHero {
        padding:65px 0
    }
    .gamesPageHero h1 {
        font-size:49px
    }
    .gamesPageActions {
        flex-direction:column
    }
    .gamesPageActions a {
        text-align:center
    }
    .gamesPageHero aside {
        grid-template-columns:1fr
    }
    .gamesPageFeatured,.gamesPageCategories {
        padding:70px 0
    }
    .gamesPagePlayer {
        height:500px;
        margin-top:30px
    }
    .gamesPagePlayer>div {
        font-size:7px
    }
    .gamesPageCta {
        padding:28px
    }
    .gamesPageCta h2 {
        font-size:28px
    }
}
.gameFrame iframe,.gamesPagePlayer iframe {
    pointer-events:none;
    touch-action:pan-y
}
.gameFrame,.gamesPagePlayer {
    touch-action:pan-y
}
@media (max-width:520px) {
    .eyebrow span {
        display:none
    }
    .eyebrow {
        gap:0
    }
}
@media (max-width:650px) {
    .compareWrap {
        box-shadow:none;
        background:0 0;
        border:0;
        overflow:visible
    }
    .compareTable {
        min-width:0;
        display:block
    }
    .compareTable thead {
        display:none
    }
    .compareTable tbody {
        gap:14px;
        display:grid
    }
    .compareTable tbody tr {
        background:linear-gradient(145deg,#f7c84a0b,#ffffff04);
        border:1px solid #f7c84a33;
        border-radius:12px;
        padding:18px;
        display:block;
        box-shadow:0 12px 35px #00000038
    }
    .compareTable td {
        color:#c0bbae;
        text-align:right;
        border:0;
        justify-content:space-between;
        align-items:center;
        gap:18px;
        font-size:12px;
        display:flex;
        padding:8px 0!important
    }
    .compareTable td:first-child {
        letter-spacing:1.2px;
        border-bottom:1px solid #f7c84a1f;
        justify-content:flex-start;
        margin-bottom:7px;
        font-size:15px;
        padding:0 0 15px!important
    }
    .compareTable td:nth-child(2):before {
        content:"WELCOME BONUS"
    }
    .compareTable td:nth-child(3):before {
        content:"FREE REWARD"
    }
    .compareTable td:nth-child(4):before {
        content:"CASHBACK / BONUS"
    }
    .compareTable td:nth-child(5):before {
        content:"BEST FOR"
    }
    .compareTable td:nth-child(2):before,.compareTable td:nth-child(3):before,.compareTable td:nth-child(4):before,.compareTable td:nth-child(5):before {
        color:#71664f;
        letter-spacing:1.2px;
        text-align:left;
        font-size:8px;
        font-weight:900
    }
    .compareTable td:last-child {
        display:block;
        padding-top:14px!important
    }
    .compareTable button {
        border-color:#f7c84aa6;
        width:100%;
        min-height:43px;
        font-size:10px
    }
    .compareTable tbody tr:hover {
        background:linear-gradient(145deg,#f7c84a0b,#ffffff04)
    }
}
.gamesPage .nav {
    opacity:1;
    transform:none
}
.gamesPage .navLinks {
    margin-left:auto
}
@media (max-width:650px) {
    .navLinks a {
        display:block!important
    }
}
.gamesPagePlayer {
    background:linear-gradient(145deg,#24201a,#080808 35%,#050505);
    border:1px solid #ffd76ab3;
    border-radius:16px;
    grid-template-rows:52px 1fr;
    width:min(640px,96%);
    height:500px;
    margin:40px auto 0;
    padding:6px;
    box-shadow:0 28px 90px #000000c7,inset 0 0 0 1px #ffffff0a,0 0 55px #a40d1933
}
@media (max-width:900px) {
    .gamesPagePlayer {
        width:min(680px,96%);
        height:460px
    }
}
@media (max-width:650px) {
    .gamesPagePlayer {
        border-radius:12px;
        grid-template-rows:48px 1fr;
        width:100%;
        height:430px;
        margin-top:30px;
        padding:4px
    }
    .gamesPageHero {
        gap:28px;
        padding:42px 0 38px
    }
    .gamesPageHero aside {
        grid-template-rows:auto auto;
        grid-template-columns:repeat(3,minmax(0,1fr));
        grid-auto-flow:column;
        gap:2px 8px;
        padding:14px 12px
    }
    .gamesPageHero aside strong {
        font-size:24px;
        line-height:1
    }
    .gamesPageHero aside span {
        color:#7e7564;
        letter-spacing:.75px;
        margin:0;
        padding:2px 0 0;
        font-size:6px;
        line-height:1.35
    }
}
.mobileScrollShield {
    display:none
}
@media (max-width:650px) {
    .gamesPagePlayer .mobileScrollShield {
        z-index:5;
        touch-action:pan-y;
        background:0 0;
        display:block;
        position:absolute;
        inset:58px 5px 5px
    }
}
.gameCategoryGrid {
    grid-template-columns:repeat(3,1fr)
}
.gameCategoryArt b {
    letter-spacing:2px;
    font-size:17px
}
.gameCategoryArt img {
    z-index:2;
    object-fit:contain;
    filter:drop-shadow(0 7px 9px #000000bf);
    width:82%;
    height:72%;
    position:relative
}
.gameProvider strong {
    color:var(--game-accent);
    letter-spacing:1.1px;
    text-align:right;
    font-size:8px;
    font-weight:950
}
@media (max-width:650px) {
    .gamesPageCategories .gameCategoryGrid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
        margin-top:28px
    }
    .gamesPageCategories .gameCategoryCard {
        border-radius:11px;
        min-height:0;
        padding:11px
    }
    .gamesPageCategories .gameCategoryTop {
        letter-spacing:.75px;
        padding:0 0 8px;
        font-size:6px
    }
    .gamesPageCategories .gameCategoryTop small {
        font-size:6px
    }
    .gamesPageCategories .gameCategoryArt {
        border-radius:8px;
        height:88px
    }
    .gamesPageCategories .gameCategoryArt:before {
        width:68px;
        height:68px
    }
    .gamesPageCategories .gameCategoryArt:after {
        width:43px;
        height:43px
    }
    .gamesPageCategories .gameCategoryArt b {
        letter-spacing:1.3px;
        font-size:11px
    }
    .gamesPageCategories .gameCategoryCard h3 {
        letter-spacing:.5px;
        margin:12px 1px 4px;
        font-size:11px
    }
    .gamesPageCategories .gameCategoryCard>p {
        letter-spacing:.75px;
        margin:0 1px;
        font-size:6px
    }
    .gamesPageCategories .gameProvider {
        height:34px;
        margin:10px 1px 8px;
        padding-top:8px;
        display:block
    }
    .gamesPageCategories .gameProvider span,.gamesPageCategories .gameProvider strong {
        letter-spacing:.7px;
        text-align:left;
        font-size:6px;
        display:block
    }
    .gamesPageCategories .gameProvider strong {
        margin-top:3px;
        font-size:6.5px
    }
    .gamesPageCategories .gameCategoryCard>button {
        letter-spacing:.45px;
        border-radius:6px;
        padding:10px 4px;
        font-size:7px
    }
}
.promotionsPage {
    color:#fff;
    background:radial-gradient(circle at 78% 15%,#850d1847,#0000 30%),linear-gradient(135deg,#030404,#0a0707 58%,#110505);
    min-height:100vh;
    padding:0 5vw;
    overflow:hidden
}
.promotionsPage .nav {
    opacity:1;
    transform:none
}
.promotionsHero {
    max-width:1440px;
    margin:auto;
    padding:105px 0 75px
}
.promotionsHero>p {
    color:var(--gold);
    letter-spacing:3.5px;
    align-items:center;
    gap:12px;
    font-size:10px;
    font-weight:900;
    display:flex
}
.promotionsHero>p span {
    background:var(--gold);
    width:28px;
    height:1px
}
.promotionsHero h1 {
    font-size:clamp(64px,8vw,112px);
    line-height:.88
}
.promotionsHero h1 em {
    color:var(--gold);
    font-style:normal
}
.promotionsHero>small {
    color:#858585;
    max-width:650px;
    margin-top:28px;
    font-size:14px;
    line-height:1.75;
    display:block
}
.promotionsGrid {
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    max-width:1440px;
    margin:auto;
    padding-bottom:55px;
    display:grid
}
.promotionCard {
    --promo-accent:#f7c84a;
    border:1px solid var(--promo-accent);
    flex-direction:column;
    min-height:480px;
    padding:25px;
    display:flex;
    position:relative;
    overflow:hidden
}
@supports (color:color-mix(in lab, red, red)) {
    .promotionCard {
        border:1px solid color-mix(in srgb,var(--promo-accent) 34%,#172125)
    }
}
.promotionCard {
    background:linear-gradient(150deg,var(--promo-accent),#07090a 67%);
    border-radius:16px
}
@supports (color:color-mix(in lab, red, red)) {
    .promotionCard {
        background:linear-gradient(150deg,color-mix(in srgb,var(--promo-accent) 7%,#111618),#07090a 67%)
    }
}
.promotionBadge {
    clip-path:polygon(0 0,100% 0,88% 100%,0 100%);
    background:var(--promo-accent);
    color:#081008;
    letter-spacing:1.6px;
    padding:10px 22px 10px 16px;
    font-size:9px;
    font-weight:950;
    position:absolute;
    top:0;
    left:0
}
.promotionLogo {
    place-items:center;
    height:105px;
    margin:28px 0 12px;
    display:grid
}
.promotionLogo img {
    object-fit:contain;
    filter:drop-shadow(0 8px 12px #000);
    width:82%;
    max-height:82px
}
.promotionPlatform {
    color:#777;
    letter-spacing:2px;
    font-size:8px;
    font-weight:900
}
.promotionCard h2 {
    color:var(--promo-accent);
    letter-spacing:.6px;
    margin:9px 0 18px;
    font-size:22px
}
.promotionCard ul {
    color:#929b9d;
    gap:13px;
    margin:0 0 22px;
    padding:0;
    font-size:12px;
    list-style:none;
    display:grid
}
.promotionCard li:before {
    content:"•";
    color:var(--promo-accent);
    margin-right:9px;
    font-size:17px
}
.promotionCard button {
    border:1px solid var(--promo-accent);
    color:var(--promo-accent);
    letter-spacing:1.4px;
    background:0 0;
    border-radius:7px;
    margin-top:auto;
    padding:14px;
    font-size:10px;
    font-weight:950
}
.promotionCard button:hover {
    background:var(--promo-accent);
    color:#09100b
}
.promotionsNotice {
    color:#625d51;
    border:1px solid #f7c84a21;
    border-radius:10px;
    max-width:1440px;
    margin:0 auto 65px;
    padding:22px;
    font-size:10px;
    line-height:1.7
}
.promotionsPage>footer {
    border-top:1px solid #f7c84a1a;
    max-width:1440px;
    margin:auto;
    padding:28px 0 32px;
    position:relative;
    bottom:auto;
    left:auto;
    right:auto
}
@media (max-width:1000px) {
    .promotionsGrid {
        grid-template-columns:repeat(2,1fr)
    }
}
@media (max-width:650px) {
    .promotionsPage {
        padding:0 17px
    }
    .promotionsPage .navLinks {
        gap:13px
    }
    .promotionsPage .navLinks a {
        font-size:8px
    }
    .promotionsHero {
        padding:70px 0 55px
    }
    .promotionsHero>p span {
        display:none
    }
    .promotionsHero h1 {
        font-size:52px
    }
    .promotionsGrid {
        grid-template-columns:1fr
    }
    .promotionCard {
        min-height:450px
    }
    .promotionsNotice {
        margin-bottom:45px
    }
}
.promotionsCatalogue {
    border-top:1px solid #f7c84a1f;
    max-width:1440px;
    margin:auto;
    padding:90px 0
}
.promotionGroups {
    gap:20px;
    margin-top:45px;
    display:grid
}
.promotionGroup {
    --promo-accent:#f7c84a;
    border:1px solid var(--promo-accent);
    overflow:hidden
}
@supports (color:color-mix(in lab, red, red)) {
    .promotionGroup {
        border:1px solid color-mix(in srgb,var(--promo-accent) 28%,#172024)
    }
}
.promotionGroup {
    background:linear-gradient(145deg,var(--promo-accent),#070808 55%);
    border-radius:16px
}
@supports (color:color-mix(in lab, red, red)) {
    .promotionGroup {
        background:linear-gradient(145deg,color-mix(in srgb,var(--promo-accent) 5%,#101315),#070808 55%)
    }
}
.promotionGroup>header {
    border-bottom:1px solid #ffffff0f;
    grid-template-columns:190px 1fr auto;
    align-items:center;
    gap:28px;
    min-height:110px;
    padding:20px 25px;
    display:grid
}
.promotionGroup>header img {
    object-fit:contain;
    filter:drop-shadow(0 7px 10px #000);
    width:170px;
    max-height:72px
}
.promotionGroup>header small {
    color:var(--promo-accent);
    letter-spacing:2px;
    font-size:9px;
    font-weight:900
}
.promotionGroup>header h3 {
    letter-spacing:.8px;
    margin:7px 0 0;
    font-size:20px
}
.promotionGroup>header button {
    border:1px solid var(--promo-accent);
    color:var(--promo-accent);
    letter-spacing:1.2px;
    background:0 0;
    border-radius:7px;
    padding:13px 17px;
    font-size:9px;
    font-weight:950
}
.promotionGroup>header button:hover {
    background:var(--promo-accent);
    color:#08100a
}
.promotionGroup ol {
    grid-template-columns:repeat(3,1fr);
    gap:0;
    margin:0;
    padding:12px;
    list-style:none;
    display:grid
}
.promotionGroup li {
    background:#ffffff03;
    border:1px solid #ffffff0b;
    grid-template-columns:34px 1fr;
    align-items:center;
    gap:9px;
    min-height:68px;
    padding:13px;
    display:grid
}
.promotionGroup li span {
    color:var(--promo-accent)
}
@supports (color:color-mix(in lab, red, red)) {
    .promotionGroup li span {
        color:color-mix(in srgb,var(--promo-accent) 55%,#5a5a5a)
    }
}
.promotionGroup li span {
    font-size:9px;
    font-weight:900
}
.promotionGroup li strong {
    color:#b7b5ae;
    font-size:11px;
    line-height:1.45
}
@media (max-width:1000px) {
    .promotionGroup ol {
        grid-template-columns:repeat(2,1fr)
    }
}
@media (max-width:650px) {
    .promotionsCatalogue {
        padding:70px 0
    }
    .promotionGroup>header {
        grid-template-columns:105px 1fr;
        gap:15px;
        padding:18px
    }
    .promotionGroup>header img {
        width:100px
    }
    .promotionGroup>header h3 {
        font-size:14px
    }
    .promotionGroup>header button {
        grid-column:1/-1;
        width:100%
    }
    .promotionGroup ol {
        grid-template-columns:1fr;
        padding:8px
    }
    .promotionGroup li {
        min-height:60px
    }
    .promotionsCatalogue .sectionHeading small {
        line-height:1.6;
        display:block
    }
}
.partnersSection {
    padding-top:48px
}
@media (max-width:900px) {
    .partnersSection {
        padding-top:42px
    }
}
@media (max-width:650px) {
    .partnerLayout {
        margin-top:28px;
        display:block
    }
    .partnerGrid {
        grid-template-columns:1fr;
        gap:14px
    }
    .partnerCard {
        text-align:left;
        border-radius:12px;
        grid-template-rows:auto auto 1fr auto;
        grid-template-columns:32% 1fr;
        column-gap:17px;
        min-height:195px;
        padding:28px 13px 12px;
        display:grid
    }
    .ribbon {
        letter-spacing:1px;
        white-space:nowrap;
        padding:7px 17px 7px 11px;
        font-size:7px;
        right:auto
    }
    .partnerLogo {
        grid-area:1/1/4;
        height:92px;
        margin:3px 0 0
    }
    .partnerLogo img {
        width:100%;
        max-height:80px
    }
    .partnerCard h3 {
        letter-spacing:1px;
        grid-column:2;
        margin:-2px 0 8px;
        font-size:13px
    }
    .partnerTags {
        grid-column:2;
        gap:4px;
        display:flex
    }
    .partnerTags span {
        letter-spacing:.4px;
        padding:5px 6px;
        font-size:6.5px;
        line-height:1.25
    }
    .partnerCard ul {
        text-align:left;
        grid-column:2;
        gap:5px;
        margin:9px 0 10px;
        padding:0;
        font-size:10px;
        line-height:1.4;
        display:grid
    }
    .partnerCard li {
        align-items:flex-start;
        display:flex
    }
    .partnerCard li:before {
        flex:none;
        margin-right:5px;
        font-size:12px;
        line-height:1
    }
    .partnerCard>button {
        letter-spacing:.85px;
        text-align:center;
        grid-column:1/-1;
        min-height:37px;
        margin-top:3px;
        padding:8px;
        font-size:8px
    }
    .partnerCard>button b {
        margin-left:5px;
        display:inline
    }
    .communityPanel {
        min-height:auto;
        margin-top:12px;
        position:relative;
        top:auto
    }
}
@media (max-width:520px) {
    .nav {
        height:66px
    }
    .navLogo {
        width:128px
    }
    .content {
        min-height:auto;
        padding:25px 0 34px
    }
    .eyebrow {
        margin-bottom:15px
    }
    h1 {
        font-size:38px;
        line-height:.92
    }
    .intro {
        margin:18px 0 20px;
        line-height:1.55
    }
    .actions {
        grid-template-columns:1fr 1fr;
        gap:9px;
        display:grid
    }
    .actions button {
        letter-spacing:.9px;
        width:auto;
        min-width:0;
        padding:13px 8px;
        font-size:9px
    }
    .primary b {
        margin-left:5px
    }
    .secondary span {
        margin-left:4px
    }
    .stats {
        margin-top:20px
    }
    .visual {
        height:282px;
        margin-top:18px
    }
    .visual:before {
        height:62%
    }
    .visual:after {
        bottom:7px
    }
    .gameFrame {
        border-radius:11px;
        grid-template-rows:40px 1fr;
        width:100%;
        height:260px;
        padding:4px
    }
    .gameFrameTop {
        padding:0 8px
    }
    .gameFrameTop:before {
        font-size:10px;
        top:4px;
        left:8px
    }
    .gameFrameTop span,.gameFrameTop b {
        padding-top:11px
    }
    .partnersSection {
        padding-top:34px
    }
}
@media (max-width:650px) {
    .nav {
        gap:12px
    }
    .navLogo {
        width:95px
    }
    .navLinks {
        gap:12px
    }
    .navLinks a,.promotionsPage .navLinks a {
        font-size:10px
    }
    .hero .visual {
        display:none
    }
}
@property --tw-blur {
    syntax:"*";
    inherits:false
}
@property --tw-brightness {
    syntax:"*";
    inherits:false
}
@property --tw-contrast {
    syntax:"*";
    inherits:false
}
@property --tw-grayscale {
    syntax:"*";
    inherits:false
}
@property --tw-hue-rotate {
    syntax:"*";
    inherits:false
}
@property --tw-invert {
    syntax:"*";
    inherits:false
}
@property --tw-opacity {
    syntax:"*";
    inherits:false
}
@property --tw-saturate {
    syntax:"*";
    inherits:false
}
@property --tw-sepia {
    syntax:"*";
    inherits:false
}
@property --tw-drop-shadow {
    syntax:"*";
    inherits:false
}
@property --tw-drop-shadow-color {
    syntax:"*";
    inherits:false
}
@property --tw-drop-shadow-alpha {
    syntax:"<percentage>";
    inherits:false;
    initial-value:100%
}
@property --tw-drop-shadow-size {
    syntax:"*";
    inherits:false
}

/* Static-host fallback: matches the live mobile hero after it receives isReady. */
@media (max-width: 900px) {
    .hero .nav,
    .hero .copy {
        opacity: 1;
        transform: none;
    }
}

/* Compact the mobile hero after its visual area is hidden. */
@media (max-width: 650px) {
    .hero {
        min-height: auto;
    }
}

/* Remove unintended mobile editor/debug borders while retaining the nav divider. */
@media (max-width: 650px) {
    .hero .nav {
        border: 0 !important;
        border-bottom: 1px solid rgba(247, 200, 74, 0.16) !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

    .hero .content {
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }
}