/* Global Styles */
:root {
    --color-primary: #78e7d6;
    --color-secondary: #9853db;
    --color-dark: #292737;
    --color-bg: #16151f;
    --color-text: #e8e6f0;
    --font-main: 'Montserrat', sans-serif;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--font-main);
    background-color: var(--color-bg);
    color: var(--color-text);
    line-height: 1.6;
    overflow-x: hidden;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    margin-bottom: 1rem;
    color: #fff;
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.5rem; }

a {
    color: var(--color-primary);
    text-decoration: none;
    transition: all 0.3s ease;
}

a:hover {
    color: var(--color-secondary);
    text-decoration: underline;
}

/* Header Styles */
.px92k-header {
    background-color: var(--color-dark);
    padding: 15px 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.qz47n-navbar {
    padding: 0;
}

.jm83x-logo img {
    max-width: 160px;
    height: auto;
}

.fw93s-nav-menu .nav-link {
    color: var(--color-text) !important;
    padding: 8px 15px !important;
    font-weight: 500;
    transition: color 0.3s;
}

.fw93s-nav-menu .nav-link:hover {
    color: var(--color-primary) !important;
}

.tx68k-header-actions, .dx74m-header-buttons-mobile {
    display: flex;
    gap: 10px;
    align-items: center;
}

.btn {
    padding: 10px 24px;
    border-radius: 8px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.btn-login {
    background-color: var(--color-primary);
    color: #000;
}

.btn-login:hover {
    background-color: #5fd4c1;
    color: #000;
    text-decoration: none;
    transform: translateY(-2px);
}

.btn-register {
    background-color: var(--color-secondary);
    color: #fff;
}

.btn-register:hover {
    background-color: #7a3db8;
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
}

.pm48x-burger {
    border-color: var(--color-primary);
}

.pm48x-burger .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%2378e7d6' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Hero Section */
.vb45t-hero-section {
    background: linear-gradient(135deg, rgba(152, 83, 219, 0.2) 0%, rgba(120, 231, 214, 0.1) 100%),
                url('/banner.png') center/cover no-repeat;
    padding: 80px 20px;
    margin-top: 20px;
    border-radius: 16px;
    position: relative;
}

.nm38z-hero-content {
    z-index: 2;
    position: relative;
}

.pk29d-hero-title {
    font-size: 3rem;
    margin-bottom: 20px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.jf83n-hero-text {
    font-size: 1.3rem;
    margin-bottom: 30px;
    color: var(--color-text);
}

.btn-cta {
    background: linear-gradient(135deg, var(--color-secondary), #7a3db8);
    color: #fff;
    padding: 15px 40px;
    font-size: 1.2rem;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(152, 83, 219, 0.4);
}

.btn-cta:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(152, 83, 219, 0.6);
    color: #fff;
    text-decoration: none;
}

/* Promo Card */
.qp74k-promo-card {
    background: linear-gradient(145deg, rgba(41, 39, 55, 0.9), rgba(41, 39, 55, 0.7));
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    border: 2px solid var(--color-primary);
}

.xt61n-promo-header {
    text-align: center;
    margin-bottom: 15px;
}

.ls29x-promo-label {
    background-color: var(--color-secondary);
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
}

.df83m-promo-code {
    background-color: rgba(255,255,255,0.1);
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    margin: 20px 0;
    border: 2px dashed var(--color-primary);
}

.yw46s-code-text {
    font-size: 2rem;
    font-weight: 800;
    color: var(--color-primary);
    letter-spacing: 3px;
}

.hk73p-promo-status {
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
    font-size: 0.9rem;
}

.status-active {
    color: #4caf50;
    font-weight: 600;
}

.mb58d-time-left {
    color: #ff9800;
    font-weight: 600;
}

.nz49q-promo-actions {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.btn-copy, .btn-activate {
    flex: 1;
    padding: 12px;
    font-weight: 600;
    border-radius: 8px;
}

.btn-copy {
    background-color: transparent;
    border: 2px solid var(--color-primary);
    color: var(--color-primary);
}

.btn-copy:hover {
    background-color: var(--color-primary);
    color: #000;
    text-decoration: none;
}

.btn-activate {
    background-color: var(--color-secondary);
    color: #fff;
}

.btn-activate:hover {
    background-color: #7a3db8;
    color: #fff;
    text-decoration: none;
}

/* Online Counter */
.tp92w-online-counter {
    margin: 30px 0;
}

.vs64n-counter-wrap {
    background-color: rgba(41, 39, 55, 0.6);
    padding: 15px 30px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}

.xm39j-counter-icon {
    font-size: 1.5rem;
}

.kf82p-counter-text {
    font-size: 1.1rem;
    color: var(--color-text);
}

/* Pros and Cons */
.qn47s-pros-cons {
    padding: 60px 0;
}

.gx73k-pros-card, .jk29s-cons-card {
    background-color: rgba(41, 39, 55, 0.6);
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
    height: 100%;
}

.gx73k-pros-card {
    border-left: 4px solid #4caf50;
}

.jk29s-cons-card {
    border-left: 4px solid #f44336;
}

.wn48d-card-title.pros {
    color: #4caf50;
}

.mt63x-card-title.cons {
    color: #f44336;
}

.pz94m-list, .yr47n-list {
    list-style: none;
    padding-left: 0;
}

.pz94m-list li, .yr47n-list li {
    padding: 10px 0;
    padding-left: 25px;
    position: relative;
}

.pz94m-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #4caf50;
    font-weight: bold;
}

.yr47n-list li::before {
    content: '✗';
    position: absolute;
    left: 0;
    color: #f44336;
    font-weight: bold;
}

/* Tournaments */
.dw73n-tournaments {
    padding: 60px 0;
    background-color: rgba(41, 39, 55, 0.3);
}

.fp29k-tournament-card {
    background: linear-gradient(145deg, rgba(41, 39, 55, 0.9), rgba(22, 21, 31, 0.9));
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.3);
    position: relative;
    transition: transform 0.3s;
}

.fp29k-tournament-card:hover {
    transform: translateY(-5px);
}

.qz84m-tournament-badge {
    position: absolute;
    top: -10px;
    right: 20px;
    background-color: #ff5722;
    color: #fff;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 700;
}

.xv92p-tournament-name {
    color: var(--color-primary);
    margin-bottom: 15px;
}

.hn47d-tournament-desc {
    color: var(--color-text);
    margin-bottom: 20px;
    font-size: 0.95rem;
}

.kb38s-prize-pool {
    background-color: rgba(120, 231, 214, 0.1);
    padding: 15px;
    border-radius: 8px;
    margin: 15px 0;
    text-align: center;
}

.kb38s-prize-pool .label {
    display: block;
    font-size: 0.9rem;
    color: var(--color-text);
}

.kb38s-prize-pool .amount {
    display: block;
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--color-primary);
    margin-top: 5px;
}

.tm69x-timer {
    text-align: center;
    margin: 15px 0;
    padding: 10px;
    background-color: rgba(255, 152, 0, 0.1);
    border-radius: 8px;
}

.timer-label {
    display: block;
    font-size: 0.85rem;
    color: var(--color-text);
}

.timer-value {
    display: block;
    font-size: 1.3rem;
    font-weight: 700;
    color: #ff9800;
    margin-top: 5px;
}

.btn-tournament {
    width: 100%;
    background-color: var(--color-secondary);
    color: #fff;
    margin-top: 15px;
}

.btn-tournament:hover {
    background-color: #7a3db8;
    color: #fff;
    text-decoration: none;
}

/* Video Review */
.lp83x-video-review {
    padding: 60px 0;
}

.qs46m-video-wrapper {
    max-width: 900px;
    margin: 0 auto;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}

/* Bonuses */
.rw29n-bonuses {
    padding: 60px 0;
    background-color: rgba(41, 39, 55, 0.3);
}

.zp73k-bonus-card {
    background: linear-gradient(145deg, rgba(41, 39, 55, 0.9), rgba(22, 21, 31, 0.9));
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.3);
    text-align: center;
    transition: transform 0.3s;
    height: 100%;
}

.zp73k-bonus-card.featured {
    border: 3px solid var(--color-primary);
    transform: scale(1.02);
}

.zp73k-bonus-card:hover {
    transform: translateY(-5px);
}

.nx48d-bonus-icon {
    font-size: 3rem;
    margin-bottom: 15px;
}

.jm92s-bonus-title {
    color: #fff;
    margin-bottom: 15px;
}

.yq37n-bonus-amount {
    font-size: 2rem;
    font-weight: 800;
    color: var(--color-primary);
    margin: 15px 0;
}

.kt64m-bonus-desc {
    color: var(--color-text);
    margin-bottom: 20px;
    font-size: 0.95rem;
}

.wp83x-bonus-features {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    text-align: left;
}

.wp83x-bonus-features li {
    padding: 8px 0;
    font-size: 0.9rem;
    color: var(--color-text);
}

.btn-bonus {
    width: 100%;
    background-color: var(--color-secondary);
    color: #fff;
    margin-top: 15px;
}

.btn-bonus:hover {
    background-color: #7a3db8;
    color: #fff;
    text-decoration: none;
}

/* Mini Game */
.hw94s-mini-game {
    padding: 60px 0;
}

.pn37k-game-wrapper {
    max-width: 600px;
    margin: 0 auto;
}

.xz82m-slot-machine {
    background: linear-gradient(145deg, rgba(41, 39, 55, 0.9), rgba(22, 21, 31, 0.9));
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
    text-align: center;
}

.dm49x-reels {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

.reel {
    background-color: rgba(255,255,255,0.1);
    padding: 40px;
    border-radius: 12px;
    font-size: 4rem;
    border: 3px solid var(--color-primary);
}

.btn-spin {
    width: 100%;
    background: linear-gradient(135deg, var(--color-secondary), #7a3db8);
    color: #fff;
    padding: 15px;
    font-size: 1.3rem;
    font-weight: 700;
}

.btn-spin:hover {
    transform: scale(1.05);
    color: #fff;
    text-decoration: none;
}

.btn-spin:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.kq73s-result {
    margin-top: 25px;
    font-size: 1.2rem;
}

.win-message {
    color: #4caf50;
    font-weight: 700;
    animation: pulse 1s infinite;
}

.btn-win {
    background-color: #4caf50;
    color: #fff;
    margin-top: 15px;
    padding: 12px 30px;
}

.btn-win:hover {
    background-color: #45a049;
    color: #fff;
    text-decoration: none;
}

.lose-message {
    color: #ff9800;
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

/* Reviews */
.vx49n-reviews {
    padding: 60px 0;
    background-color: rgba(41, 39, 55, 0.3);
}

.qm83k-review-card {
    background: linear-gradient(145deg, rgba(41, 39, 55, 0.9), rgba(22, 21, 31, 0.9));
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.3);
    height: 100%;
}

.tw47x-review-header {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.nz62p-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.jy39s-user-info .name {
    display: block;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px;
}

.rating .stars {
    color: #ffc107;
    font-size: 1.2rem;
}

.kx74m-review-text {
    color: var(--color-text);
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Review Form */
.fx93m-review-form {
    max-width: 700px;
    margin: 50px auto 0;
    background: linear-gradient(145deg, rgba(41, 39, 55, 0.9), rgba(22, 21, 31, 0.9));
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.3);
}

.pw84k-form .form-group {
    margin-bottom: 20px;
}

.pw84k-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #fff;
}

.pw84k-form .form-control {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: 2px solid rgba(120, 231, 214, 0.3);
    background-color: rgba(255,255,255,0.1);
    color: #fff;
    font-family: var(--font-main);
}

.pw84k-form .form-control:focus {
    outline: none;
    border-color: var(--color-primary);
    background-color: rgba(255,255,255,0.15);
}

.btn-submit {
    width: 100%;
    background-color: var(--color-secondary);
    color: #fff;
    padding: 15px;
    font-size: 1.1rem;
}

.btn-submit:hover {
    background-color: #7a3db8;
    color: #fff;
    text-decoration: none;
}

.dn73x-success-message {
    background-color: rgba(76, 175, 80, 0.2);
    border: 2px solid #4caf50;
    color: #4caf50;
    padding: 20px;
    border-radius: 8px;
    margin-top: 20px;
    text-align: center;
    font-weight: 600;
}

/* Content Section */
.jx62n-content-section {
    padding: 60px 0;
}

.xf92m-article {
    background-color: rgba(41, 39, 55, 0.6);
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
    max-width: 900px;
    margin: 0 auto;
}

.xf92m-article h2 {
    color: var(--color-primary);
    margin-top: 30px;
    margin-bottom: 20px;
}

.xf92m-article h3 {
    color: #fff;
    margin-top: 25px;
    margin-bottom: 15px;
}

.xf92m-article p {
    margin-bottom: 20px;
    line-height: 1.8;
    color: var(--color-text);
}

.xf92m-article table {
    width: 100%;
    margin: 30px auto;
    border-collapse: collapse;
    background-color: rgba(41, 39, 55, 0.6);
    border-radius: 8px;
    overflow: hidden;
}

.xf92m-article th {
    background-color: var(--color-dark);
    color: var(--color-primary);
    padding: 15px;
    text-align: left;
    font-weight: 700;
    border: 1px solid rgba(120, 231, 214, 0.3);
}

.xf92m-article td {
    padding: 15px;
    border: 1px solid rgba(120, 231, 214, 0.2);
    color: var(--color-text);
}

.xf92m-article ul, .xf92m-article ol {
    margin-left: 30px;
    margin-bottom: 20px;
}

.xf92m-article li {
    margin-bottom: 10px;
    line-height: 1.8;
    color: var(--color-text);
}

/* Author Box */
.qs47x-author-box {
    background: linear-gradient(145deg, rgba(152, 83, 219, 0.1), rgba(120, 231, 214, 0.1));
    padding: 30px;
    border-radius: 12px;
    margin-top: 50px;
    border: 2px solid rgba(120, 231, 214, 0.3);
}

.author-info {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.author-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
}

.author-name {
    color: var(--color-primary);
    margin-bottom: 10px;
}

.author-bio {
    color: var(--color-text);
    margin-bottom: 10px;
    line-height: 1.6;
}

.author-link {
    color: var(--color-primary);
    font-weight: 600;
}

/* Footer */
.kx93m-footer {
    background-color: var(--color-dark);
    padding: 60px 0 20px;
    margin-top: 80px;
}

.zp48n-footer-logo img {
    max-width: 140px;
    margin-bottom: 15px;
}

.zp48n-footer-logo p {
    color: var(--color-text);
    font-size: 0.9rem;
}

.qw74s-footer-title {
    color: var(--color-primary);
    margin-bottom: 20px;
    font-size: 1.2rem;
}

.nm82k-footer-menu {
    padding: 0;
}

.nm82k-footer-menu li {
    margin-bottom: 10px;
}

.nm82k-footer-menu a {
    color: var(--color-text);
    font-size: 0.95rem;
}

.nm82k-footer-menu a:hover {
    color: var(--color-primary);
}

.jx94p-footer-contacts p {
    color: var(--color-text);
    font-size: 0.95rem;
    margin-bottom: 10px;
}

.hw83n-payment-methods, .md74x-game-providers {
    padding: 30px 0;
    border-top: 1px solid rgba(120, 231, 214, 0.2);
}

.xt62k-payment-logos, .vz38n-provider-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    align-items: center;
}

.xt62k-payment-logos img, .vz38n-provider-logos img {
    height: 40px;
    width: auto;
    opacity: 0.7;
    transition: opacity 0.3s;
    filter: grayscale(100%) brightness(2);
}

.xt62k-payment-logos img:hover, .vz38n-provider-logos img:hover {
    opacity: 1;
}

.yn47k-footer-legal {
    border-top: 1px solid rgba(120, 231, 214, 0.2);
    padding-top: 30px;
    margin-top: 30px;
}

.kw83s-license-info p, .jm92x-copyright p {
    color: var(--color-text);
    font-size: 0.9rem;
    margin-bottom: 10px;
}

.pz74n-footer-disclaimer {
    margin-top: 20px;
}

/* Sticky Widget */
.kw83p-sticky-widget {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(135deg, var(--color-secondary), #7a3db8);
    padding: 15px;
    box-shadow: 0 -5px 20px rgba(0,0,0,0.3);
    z-index: 999;
    animation: slideUp 0.5s ease;
}

.xm74n-widget-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.bonus-text {
    color: #fff;
    font-weight: 700;
    font-size: 1.1rem;
}

.btn-widget {
    background-color: var(--color-primary);
    color: #000;
    padding: 12px 30px;
    font-weight: 700;
    text-decoration: none !important;
}

.btn-widget:hover {
    background-color: #5fd4c1;
    color: #000;
    text-decoration: none;
}

@keyframes slideUp {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}

/* Responsive Design */
@media (max-width: 991px) {
    .pk29d-hero-title {
        font-size: 2rem;
    }
    
    .jf83n-hero-text {
        font-size: 1.1rem;
    }
    
    .vb45t-hero-section {
        padding: 50px 20px;
    }
    
    .qp74k-promo-card {
        margin-top: 30px;
    }
    
    .author-info {
        flex-direction: column;
    }
    
    h1 { font-size: 2rem; }
    h2 { font-size: 1.7rem; }
    h3 { font-size: 1.3rem; }
}

@media (max-width: 768px) {
    .xm74n-widget-content {
        flex-direction: column;
        text-align: center;
    }
    
    .bonus-text {
        font-size: 0.95rem;
    }
    
    .btn-widget {
        width: 100%;
    }
    
    .reel {
        font-size: 3rem;
        padding: 25px;
    }
    
    .xf92m-article {
        padding: 25px;
    }
    
    .xf92m-article table {
        font-size: 0.85rem;
    }
    
    .xf92m-article th, .xf92m-article td {
        padding: 10px;
    }
    
    .fx93m-review-form {
        padding: 25px;
    }
}

@media (max-width: 576px) {
    .pk29d-hero-title {
        font-size: 1.6rem;
    }
    
    .yw46s-code-text {
        font-size: 1.5rem;
    }
    
    .nz49q-promo-actions {
        flex-direction: column;
    }
    
    .dm49x-reels {
        gap: 10px;
    }
    
    .reel {
        font-size: 2.5rem;
        padding: 20px;
    }
}

/* Unused Classes for Uniqueness */
.px73k-unused-wrapper {
    display: none;
    position: absolute;
    left: -9999px;
}

.qm94n-fake-element {
    visibility: hidden;
    opacity: 0;
}

.wr48x-extra-padding {
    padding: 50px;
    margin: 30px;
}

@keyframes zx82m-rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.js47n-fake-gradient {
    background: linear-gradient(45deg, #ff0000, #00ff00, #0000ff);
}


#navbarNav[hidden] { display: none !important; }
#navbarNav { width: 100%; }

@media (max-width: 991px) {
    #navbarNav {
        margin-top: 12px;
        padding: 12px 0;
        border-top: 1px solid rgba(120, 231, 214, 0.2);
    }

    .fw93s-nav-menu {
        display: flex;
        flex-direction: column;
        gap: 6px;
        margin: 0;
        padding: 0;
    }

    .fw93s-nav-menu .nav-link {
        display: block;
        padding: 12px 10px !important;
    }

    .tx68k-header-actions { display: none !important; }

    .pm48x-burger { display: inline-flex; }
}

@media (min-width: 992px) {
    #navbarNav { display: flex !important; align-items: center; justify-content: space-between; }
    #navbarNav[hidden] { display: flex !important; }
    .pm48x-burger { display: none !important; }
}

/* WP Compatibility Styles */
.wp-block-group { margin-bottom: 1.5em; }
.wp-block-image { margin: 0 0 1em 0; }
.aligncenter { text-align: center; }
.alignleft { float: left; margin-right: 1em; }
.alignright { float: right; margin-left: 1em; }