/* MEGA888 neon theme — inferred from the supplied black/transparent logo canvas. */
:root {
    --mega-black: #020202;
    --mega-ink: #05080b;
    --mega-panel: #081116;
    --mega-panel-2: #0b1820;
    --mega-panel-3: #10222a;
    --mega-gold: #28a9cc;
    --mega-gold-soft: #46c7e8;
    --mega-gold-pale: #b9f4ff;
    --mega-red: #d76834;
    --mega-red-bright: #f6b537;
    --mega-cream: #f4fbff;
    --mega-text: #d9edf3;
    --mega-muted: #91aeb8;
    --mega-line: rgba(40, 169, 204, .24);
    --mega-red-line: rgba(246, 181, 55, .25);
    --mega-shadow: 0 28px 85px rgba(0, 0, 0, .62);
}

html {
    min-width: 320px;
    background: var(--mega-black);
    scroll-behavior: smooth;
}

body.mega888-neon-theme {
    min-height: 100vh;
    overflow-x: hidden;
    color: var(--mega-text);
    background:
        radial-gradient(circle at 50% -22rem, rgba(40, 169, 204, .17), transparent 44rem),
        radial-gradient(circle at 3% 43%, rgba(215, 104, 52, .16), transparent 31rem),
        radial-gradient(circle at 97% 69%, rgba(40, 169, 204, .08), transparent 33rem),
        linear-gradient(180deg, #020202 0%, #0d0a0d 44%, #020202 100%);
}

body.mega888-neon-theme,
body.mega888-neon-theme p,
body.mega888-neon-theme li,
body.mega888-neon-theme td,
body.mega888-neon-theme th,
body.mega888-neon-theme label {
    color: var(--mega-text);
}

body.mega888-neon-theme a {
    color: var(--mega-gold-soft);
    transition: color .2s ease, opacity .2s ease, transform .2s ease, border-color .2s ease;
}

body.mega888-neon-theme a:hover,
body.mega888-neon-theme a:focus {
    color: var(--mega-gold-pale);
    text-decoration: none;
}

.mega888-neon-theme .container {
    width: min(1180px, calc(100% - 30px));
    max-width: 1180px;
}

/* Header and primary navigation */
.mega888-neon-theme .topbar-container {
    background: rgba(5, 5, 7, .96) !important;
    border-bottom: 1px solid rgba(40, 169, 204, .16) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .24);
}

.mega888-neon-theme .site-header {
    background:
        linear-gradient(90deg, rgba(5, 5, 7, .99), rgba(37, 17, 21, .98) 50%, rgba(5, 5, 7, .99)) !important;
    border-bottom: 1px solid var(--mega-line) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .44);
}

.mega888-neon-theme .site-header::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 2px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, var(--mega-red), var(--mega-gold), var(--mega-red), transparent);
    opacity: .82;
}

.mega888-neon-theme .site-header,
.mega888-neon-theme .header-container,
.mega888-neon-theme .menu-container {
    position: relative;
}

.mega888-neon-theme .main-menu,
.mega888-neon-theme .main-menu-container,
.mega888-neon-theme .desktop-menu,
.mega888-neon-theme .mobile-menu,
.mega888-neon-theme .menu-container {
    background-color: transparent !important;
}

.mega888-neon-theme .main-menu > li > a,
.mega888-neon-theme .main-menu li > a,
.mega888-neon-theme .topbar-item a,
.mega888-neon-theme .topbar-item span {
    color: #c8e6ee !important;
}

.mega888-neon-theme .main-menu > li > a:hover,
.mega888-neon-theme .main-menu > li[data-active="true"] > a,
.mega888-neon-theme .main-menu li.active > a {
    color: var(--mega-gold-pale) !important;
    background: linear-gradient(180deg, rgba(40, 169, 204, .14), rgba(40, 169, 204, .03)) !important;
}

.mega888-neon-theme .game-list,
.mega888-neon-theme .dropdown-menu,
.mega888-neon-theme .language-selector,
.mega888-neon-theme .search-popup-container,
.mega888-neon-theme .modal-content {
    background: #061015 !important;
    border-color: var(--mega-line) !important;
    box-shadow: var(--mega-shadow) !important;
}

.mega888-neon-theme .dropdown-menu li:hover,
.mega888-neon-theme .language-selector li:hover {
    background: rgba(40, 169, 204, .1) !important;
}

.mega888-neon-theme .login-button,
.mega888-neon-theme .register-button,
.mega888-neon-theme .standard-button,
.mega888-neon-theme .standard-secondary-button,
.mega888-neon-theme .btn-primary {
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 999px !important;
    color: #041015 !important;
    background: linear-gradient(135deg, #9aebff, var(--mega-gold) 56%, #1688ad) !important;
    box-shadow: 0 10px 28px rgba(40, 169, 204, .2), inset 0 1px rgba(255, 255, 255, .5) !important;
    font-weight: 900 !important;
    text-shadow: none !important;
}

.mega888-neon-theme .login-button:hover,
.mega888-neon-theme .register-button:hover,
.mega888-neon-theme .standard-button:hover,
.mega888-neon-theme .standard-secondary-button:hover,
.mega888-neon-theme .btn-primary:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

/* Banner */
.mega888-neon-theme .banner {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 20%, rgba(40, 169, 204, .16), transparent 35%),
        linear-gradient(135deg, #020202, #24100b 50%, #020202) !important;
    border-bottom: 1px solid var(--mega-line);
}

.mega888-neon-theme .banner::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(5, 5, 7, .52), transparent 28%, transparent 72%, rgba(5, 5, 7, .52)),
        linear-gradient(180deg, transparent 66%, rgba(5, 5, 7, .62));
}

.mega888-neon-theme .banner::after {
    content: "";
    position: absolute;
    z-index: 3;
    right: 5%;
    bottom: 8%;
    width: 22%;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--mega-gold), transparent);
    box-shadow: 0 0 24px var(--mega-gold);
    opacity: .7;
}

.mega888-neon-theme .banner img {
    position: relative;
    z-index: 1;
    width: 100%;
    filter: saturate(.94) contrast(1.05);
}

/* Main page surfaces */
.mega888-neon-theme .home-info-container,
.mega888-neon-theme .game-container,
.mega888-neon-theme .home-game-container,
.mega888-neon-theme .site-description,
.mega888-neon-theme .telegram-banner-container,
.mega888-neon-theme .site-footer {
    background: transparent !important;
}

.mega888-neon-theme .home-info-container {
    padding-top: 34px;
}

.mega888-neon-theme .home-inner-container,
.mega888-neon-theme .game-section,
.mega888-neon-theme .home-game-section,
.mega888-neon-theme .slot-jackpot-container,
.mega888-neon-theme .jackpot-winners,
.mega888-neon-theme .announcement-container,
.mega888-neon-theme .home-progressive-jackpot {
    border-color: var(--mega-line) !important;
}

.mega888-neon-theme .home-inner-container,
.mega888-neon-theme .game-section,
.mega888-neon-theme .home-game-section {
    background: linear-gradient(145deg, rgba(28, 24, 29, .88), rgba(8, 8, 10, .92)) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .28);
}

.mega888-neon-theme .home-progressive-jackpot,
.mega888-neon-theme .progressive-jackpot,
.mega888-neon-theme .jackpot-winners {
    background:
        radial-gradient(circle at 50% 0, rgba(40, 169, 204, .16), transparent 55%),
        linear-gradient(135deg, #061014, #21130d 48%, #030709) !important;
}

.mega888-neon-theme .jackpot-container,
.mega888-neon-theme .jackpot-currency,
.mega888-neon-theme .winner-amount {
    color: var(--mega-gold-soft) !important;
    text-shadow: 0 0 18px rgba(40, 169, 204, .28);
}

.mega888-neon-theme .announcement-container {
    color: var(--mega-text) !important;
    background: linear-gradient(90deg, #061014, #15222a, #061014) !important;
    border: 1px solid var(--mega-line);
}

.mega888-neon-theme .announcement-container > [data-section="announcements"] {
    background: rgba(0, 0, 0, .28) !important;
}

.mega888-neon-theme .game-item,
.mega888-neon-theme .game-list-item,
.mega888-neon-theme .provider-item {
    border-color: rgba(40, 169, 204, .16) !important;
    background-color: #081116 !important;
}

.mega888-neon-theme .game-item:hover,
.mega888-neon-theme .game-list-item:hover,
.mega888-neon-theme .provider-item:hover {
    border-color: var(--mega-gold) !important;
    box-shadow: 0 15px 34px rgba(0, 0, 0, .42), 0 0 0 1px rgba(40, 169, 204, .1);
}

.mega888-neon-theme input,
.mega888-neon-theme select,
.mega888-neon-theme textarea,
.mega888-neon-theme .form-control {
    color: var(--mega-text) !important;
    background: #05080b !important;
    border-color: rgba(40, 169, 204, .28) !important;
}

.mega888-neon-theme input:focus,
.mega888-neon-theme select:focus,
.mega888-neon-theme textarea:focus,
.mega888-neon-theme .form-control:focus {
    border-color: var(--mega-gold) !important;
    box-shadow: 0 0 0 3px rgba(40, 169, 204, .12) !important;
}

/* Footer */
.mega888-neon-theme .footer-separator {
    border-color: var(--mega-line) !important;
}

.mega888-neon-theme .site-footer {
    margin-top: 52px;
    border-top: 1px solid var(--mega-line) !important;
    background:
        radial-gradient(circle at 50% 0, rgba(215, 104, 52, .13), transparent 28rem),
        linear-gradient(180deg, #0d0b0e, #020202) !important;
}

.mega888-neon-theme .site-info-title h3,
.mega888-neon-theme .footer-title,
.mega888-neon-theme .footer-menu-title {
    color: var(--mega-gold-soft) !important;
}

.mega888-neon-theme .copyright-container,
.mega888-neon-theme .copyright {
    color: var(--mega-muted) !important;
    background: rgba(0, 0, 0, .22) !important;
    border-top-color: rgba(40, 169, 204, .12) !important;
}

/* Scrollbar */
.mega888-neon-theme * {
    scrollbar-width: thin;
    scrollbar-color: var(--mega-gold) #030709;
}

.mega888-neon-theme *::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.mega888-neon-theme *::-webkit-scrollbar-track {
    background: #030709;
}

.mega888-neon-theme *::-webkit-scrollbar-thumb {
    border: 2px solid #030709;
    border-radius: 999px;
    background: linear-gradient(var(--mega-gold), #8c5d1d);
}

@media (max-width: 767px) {
    .mega888-neon-theme .container {
        width: min(100% - 20px, 1180px);
    }

    .mega888-neon-theme .home-info-container {
        padding-top: 20px;
    }

    .mega888-neon-theme .banner {
        min-height: 190px;
    }

    .mega888-neon-theme .banner img {
        min-height: 190px;
        object-fit: cover;
    }
}