html { scroll-behavior: smooth; }

@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 500 700;
    font-display: swap;
    src: url(fonts/jetbrains-mono-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 500 700;
    font-display: swap;
    src: url(fonts/jetbrains-mono-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

.dark-box-green {
    background: linear-gradient(135deg, #022c22 0%, #064e3b 40%, #065f46 100%);
}
.dark-box-blue {
    background: linear-gradient(135deg, #0c1222 0%, #1e293b 50%, #0f172a 100%);
}
.dark-box-purple {
    background: linear-gradient(135deg, #1a0a2e 0%, #2d1b69 50%, #1e1145 100%);
}
.dark-box-ocean {
    background: linear-gradient(135deg, #0a192f 0%, #0d3b66 50%, #0a192f 100%);
}
.dark-box-warm {
    background: linear-gradient(135deg, #1c1917 0%, #292524 40%, #1c1917 100%);
}


.section-warm {
    background: linear-gradient(180deg, #fffbeb 0%, #fef3c7 30%, #fffbeb 100%);
}
.section-mint {
    background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 30%, #ecfdf5 100%);
}
.section-lavender {
    background: linear-gradient(180deg, #faf5ff 0%, #f3e8ff 30%, #faf5ff 100%);
}
.section-sky {
    background: linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 30%, #f0f9ff 100%);
}
.section-rose {
    background: linear-gradient(180deg, #fff1f2 0%, #ffe4e6 30%, #fff1f2 100%);
}


.table-header-gradient {
    background: linear-gradient(135deg, #064e3b 0%, #047857 50%, #065f46 100%);
}


.stat-card-glow {
    background: linear-gradient(135deg, #022c22 0%, #064e3b 100%);
    box-shadow: 0 0 30px rgba(16, 185, 129, 0.08);
}


.footer-gradient {
    background: linear-gradient(180deg, #0a0a0a 0%, #022c22 50%, #0a0a0a 100%);
}


.card-details.open {
    display: block !important;
    animation: slideDown .25s ease;
}

.faq-answer.open {
    display: block !important;
    animation: slideDown .25s ease;
}

@keyframes slideDown {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}


.btn-details.active .detail-chevron {
    transform: rotate(180deg);
}

.faq-btn.active .faq-chevron {
    transform: rotate(180deg);
}


#mobileNav.open {
    display: block !important;
}


select {
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 36px;
}


:focus-visible {
    outline: 2px solid #047857;
    outline-offset: 2px;
}


@media (hover: hover) {
    .casino-card:hover {
        transform: translateY(-1px);
    }
}