/* ============================================
   Extended Sections Styles - SEO Optimized
   ============================================ */

/* Games Showcase */
.avatar-stale-82be {
    background: radial-gradient(ellipse at bottom, #1a1a2e, #0f0f23);
}

.nav_7c4f {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 48px;
}

.gas_f04e {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
}

.gas_f04e:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-lg);
}

.label_east_5393 {
    position: relative;
    overflow: hidden;
}

.iron-4775 {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    transition: transform 0.3s;
}

.gas_f04e:hover .iron-4775 {
    transform: scale(1.1);
}

.pagination_3783 {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s;
}

.gas_f04e:hover .pagination_3783 {
    opacity: 1;
}

.glass-f0b7 {
    padding: 16px 32px;
    background: var(--gradient-primary);
    color: white;
    border-radius: var(--radius-sm);
    font-weight: 700;
    font-size: 16px;
}

.sort-dirty-f26a {
    padding: 20px;
}

.heading-gold-ea4d {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}

.slider_d8c0 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    font-size: 12px;
}

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

.next_f9a9 {
    color: var(--text-secondary);
}

.panel_dirty_f556 {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.6;
}

.grid-16da {
    display: inline-block;
    padding: 16px 32px;
    border: 2px solid var(--primary-color);
    background: transparent;
    color: var(--primary-color);
    border-radius: var(--radius-md);
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s;
}

.grid-16da:hover {
    background: var(--primary-color);
    color: white;
}

/* Sports Betting */
.menu-cool-5d02 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-bottom: 48px;
}

.element-43af {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 24px;
    text-align: center;
    transition: all 0.3s;
}

.element-43af:hover {
    transform: translateY(-8px);
    border-color: var(--primary-color);
}

.banner-inner-da98 {
    font-size: 48px;
    margin-bottom: 16px;
}

.element-43af h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
}

.element-43af p {
    font-size: 14px;
    color: var(--text-secondary);
    margin-bottom: 16px;
}

.container-991a {
    list-style: none;
    font-size: 13px;
    color: var(--text-secondary);
    text-align: left;
}

.container-991a li {
    padding: 4px 0;
}

.silver_aa46 {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 32px;
}

.silver_aa46 h3 {
    font-size: 28px;
    margin-bottom: 24px;
    text-align: center;
}

.active_29f6 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.prev_dc8c h4 {
    font-size: 18px;
    margin-bottom: 12px;
    color: var(--primary-color);
}

.prev_dc8c p {
    color: var(--text-secondary);
    line-height: 1.8;
    font-size: 14px;
}

/* Instant Games */
.surface-narrow-d116 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 48px;
}

.logo_gold_d614 {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 32px;
    text-align: center;
    transition: all 0.3s;
}

.logo_gold_d614:hover {
    transform: translateY(-8px);
    border-color: var(--secondary-color);
}

.content-dark-f9b6 {
    font-size: 64px;
    margin-bottom: 16px;
}

.badge_a523 {
    display: inline-block;
    background: rgba(0, 200, 150, 0.1);
    color: var(--primary-color);
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 12px;
}

.logo_gold_d614 h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px;
}

.logo_gold_d614 > p {
    color: var(--text-secondary);
    margin-bottom: 16px;
    line-height: 1.6;
}

.hard_d0c2 {
    list-style: none;
    font-size: 13px;
    color: var(--text-secondary);
    text-align: left;
}

.hard_d0c2 li {
    padding: 4px 0;
}

.small-682b {
    background: linear-gradient(135deg, rgba(0, 200, 150, 0.1), rgba(0, 102, 255, 0.1));
    border: 2px solid var(--primary-color);
    border-radius: var(--radius-md);
    padding: 32px;
    text-align: center;
}

.small-682b h3 {
    font-size: 24px;
    margin-bottom: 16px;
}

.small-682b p {
    color: var(--text-secondary);
    line-height: 1.8;
    margin-bottom: 16px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.motion_6bd6 {
    color: var(--primary-color);
    text-decoration: underline;
}

/* Slots Section */
.focus_outer_8ea2 {
    margin-bottom: 48px;
}

.focus_outer_8ea2 h3 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 24px;
    color: var(--text-secondary);
}

.over_32be {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
}

.pagination_234b {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    padding: 12px 24px;
    border-radius: var(--radius-sm);
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s;
}

.pagination_234b:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.popup_0290 {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 32px;
    margin-bottom: 48px;
}

.popup_0290 h3 {
    font-size: 24px;
    margin-bottom: 24px;
}

.block-cd80 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.box-f8b8 {
    display: grid;
    grid-template-columns: 60px 1fr 120px 100px auto;
    align-items: center;
    gap: 24px;
    padding: 16px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: var(--radius-sm);
    transition: background 0.3s;
}

.box-f8b8:hover {
    background: rgba(0, 200, 150, 0.05);
}

.notice_smooth_d38e {
    font-size: 24px;
    font-weight: 800;
    color: var(--primary-color);
}

.button-fb4b strong {
    display: block;
    font-size: 16px;
    margin-bottom: 4px;
}

.shade-static-a3df {
    font-size: 12px;
    color: var(--text-secondary);
}

.selected-b14a {
    font-size: 14px;
    font-weight: 600;
}

.box-gas-be1a {
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
}

.box-gas-be1a.header_fluid_b6b1 {
    background: rgba(255, 71, 87, 0.1);
    color: var(--danger);
}

.box-gas-be1a.info_5386 {
    background: rgba(255, 215, 0, 0.1);
    color: var(--warning);
}

.box-gas-be1a.simple-c10b {
    background: rgba(255, 140, 66, 0.1);
    color: var(--secondary-color);
}

.component_basic_9967 {
    padding: 8px 16px;
    background: var(--primary-color);
    color: white;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: transform 0.3s;
}

.component_basic_9967:hover {
    transform: scale(1.05);
}

.down-c48e {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 32px;
    margin-bottom: 48px;
}

.down-c48e h3 {
    font-size: 24px;
    margin-bottom: 24px;
    text-align: center;
}

.badge_stale_a77d {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.mask_dirty_dfb3 h4 {
    font-size: 18px;
    margin-bottom: 12px;
}

.mask_dirty_dfb3 p {
    color: var(--text-secondary);
    line-height: 1.8;
}

.video-97fe {
    text-align: center;
    margin-bottom: 48px;
}

.search_bottom_e796 {
    width: min(240px, 72vw);
    max-width: 240px;
    height: auto;
    display: block;
    margin: 0 auto 16px;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
}

.disabled_brown_1726 {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.8;
    max-width: 800px;
    margin: 0 auto;
}

/* Bonus Section */
.aside_over_834b {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 48px;
}

.image_next_805e {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: all 0.3s;
}

.image_next_805e:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-lg);
}

.image_next_805e.simple-f2d2 {
    grid-column: 1 / -1;
    border: 2px solid var(--primary-color);
    background: linear-gradient(135deg, rgba(0, 200, 150, 0.05), rgba(0, 102, 255, 0.05));
}

.narrow_5e5f {
    background: var(--gradient-primary);
    color: white;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
}

.hero-light-d174 {
    padding: 24px 24px 16px 24px;
}

.medium-5c33 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
}

.item-c0c7 {
    font-size: 32px;
    font-weight: 800;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.gallery-e745 {
    padding: 0 24px 24px 24px;
}

.action_8004 {
    color: var(--text-secondary);
    margin-bottom: 24px;
    line-height: 1.8;
}

.outline-yellow-56cb {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

.pink-6e33 {
    text-align: center;
}

.tag_up_803f {
    display: block;
    font-size: 11px;
    color: var(--text-secondary);
    margin-bottom: 4px;
}

.north-7d69 {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-color);
}

.dim_54e1 {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 12px;
    color: var(--text-secondary);
}

.overlay-8c14 {
    display: block;
    width: 100%;
    padding: 16px;
    background: var(--gradient-primary);
    color: white;
    border-radius: var(--radius-sm);
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    transition: transform 0.3s;
}

.overlay-8c14:hover {
    transform: scale(1.02);
}

.hot_55ae {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 32px;
}

.hot_55ae h3 {
    font-size: 24px;
    margin-bottom: 16px;
}

.hot_55ae p {
    color: var(--text-secondary);
    line-height: 1.8;
    margin-bottom: 16px;
}

.title_80c9 {
    margin: 16px 0;
    padding-left: 24px;
    color: var(--text-secondary);
}

.title_80c9 li {
    margin-bottom: 8px;
    line-height: 1.6;
}

/* Registration Section */
.clean_87a6 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
}

.container_65fe {
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-lg);
}

.hidden-pink-9aca {
    width: 100%;
    height: auto;
    display: block;
}

.pressed-1003 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
}

.box_5fa8 {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.center-000c {
    font-size: 24px;
    color: var(--success);
}

.black-6160 strong {
    display: block;
    font-size: 16px;
    margin-bottom: 4px;
}

.black-6160 p {
    font-size: 14px;
    color: var(--text-secondary);
    margin: 0;
}

.black_9969 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.fixed_3df7 {
    padding: 18px 36px;
    background: var(--gradient-primary);
    color: white;
    border-radius: var(--radius-md);
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    transition: transform 0.3s;
}

.fixed_3df7:hover {
    transform: translateY(-4px);
}

.header-c593 {
    text-align: center;
    font-size: 14px;
    color: var(--text-secondary);
}

.header-c593 a {
    color: var(--primary-color);
    text-decoration: none;
}

/* Payment Methods */
.stone_0cba {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-bottom: 48px;
}

.summary-center-cc6c {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 24px;
    text-align: center;
    transition: all 0.3s;
}

.summary-center-cc6c:hover {
    transform: translateY(-8px);
    border-color: var(--primary-color);
}

.summary-center-cc6c.container_fixed_fcbb {
    border: 2px solid var(--primary-color);
    background: linear-gradient(135deg, rgba(0, 200, 150, 0.05), rgba(0, 102, 255, 0.05));
}

.smooth_54af {
    font-size: 48px;
    margin-bottom: 16px;
}

.summary-center-cc6c h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
}

.grid-pressed-a8e7 {
    font-size: 13px;
    color: var(--text-secondary);
    margin-bottom: 12px;
}

.paper_5c73 {
    display: flex;
    justify-content: center;
    gap: 12px;
    font-size: 12px;
}

.paper_5c73 span {
    background: rgba(0, 200, 150, 0.1);
    color: var(--primary-color);
    padding: 4px 8px;
    border-radius: 4px;
}

.heading-advanced-9221 {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 32px;
    display: flex;
    justify-content: space-around;
    gap: 32px;
}

.label-fluid-cf0f {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
}

.fixed_6016 {
    color: var(--success);
    font-size: 20px;
}

/* Support Section */
.footer_cb98 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 48px;
}

.photo-ef58 {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 32px;
    text-align: center;
    transition: all 0.3s;
}

.photo-ef58:hover {
    transform: translateY(-8px);
    border-color: var(--primary-color);
}

.thumbnail_2569 {
    font-size: 64px;
    margin-bottom: 16px;
}

.photo-ef58 h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px;
}

.photo-ef58 p {
    color: var(--text-secondary);
    margin-bottom: 8px;
}

.motion-f355 {
    font-size: 13px;
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 16px;
}

.modal-0cba {
    display: inline-block;
    padding: 12px 24px;
    background: transparent;
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
    border-radius: var(--radius-sm);
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s;
}

.modal-0cba:hover {
    background: var(--primary-color);
    color: white;
}

.article-e6f9 {
    display: flex;
    justify-content: center;
    gap: 60px;
}

.glass_68a9 {
    text-align: center;
}

.cool-e3bf {
    display: block;
    font-size: 48px;
    font-weight: 800;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.purple-011e {
    display: block;
    font-size: 14px;
    color: var(--text-secondary);
    margin-top: 8px;
}

/* Responsible Gaming */
.message-824b {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 48px;
}

.list-blue-0921 {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 32px;
}

.list-blue-0921 h3 {
    font-size: 24px;
    margin-bottom: 16px;
}

.next_b3a5 {
    list-style: none;
}

.next_b3a5 li {
    padding: 12px 0;
    border-bottom: 1px solid var(--border-color);
    color: var(--text-secondary);
    line-height: 1.6;
}

.next_b3a5 li:last-child {
    border-bottom: none;
}

.article-77fa {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 32px;
}

.article-77fa h3 {
    font-size: 24px;
    margin-bottom: 16px;
}

.article-77fa p {
    color: var(--text-secondary);
    margin-bottom: 16px;
    line-height: 1.6;
}

.label_bottom_cc19 {
    list-style: none;
    margin-bottom: 24px;
}

.label_bottom_cc19 li {
    padding: 8px 0;
    color: var(--text-secondary);
}

.banner_dfcd {
    display: flex;
    gap: 12px;
    margin-top: 24px;
}

.warm-3f07 {
    background: rgba(255, 71, 87, 0.1);
    color: var(--danger);
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
}

/* Final CTA */
.wood-170a {
    background: radial-gradient(ellipse at top, #1a1a2e, #0f0f23);
}

.header-old-2354 {
    background: var(--dark-card);
    border: 2px solid var(--primary-color);
    border-radius: var(--radius-lg);
    padding: 60px;
    text-align: center;
    box-shadow: 0 0 40px rgba(0, 200, 150, 0.2);
}

.header-old-2354 h2 {
    font-size: 40px;
    margin-bottom: 16px;
}

.header-old-2354 > p {
    font-size: 18px;
    color: var(--text-secondary);
    margin-bottom: 32px;
}

.carousel-active-6691 {
    font-size: 13px;
    color: var(--text-secondary);
    margin-top: 16px;
}

/* Live Casino */
.main_pro_9c10 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 48px;
}

.north-94a4 {
    position: relative;
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: all 0.3s;
}

.north-94a4:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-lg);
}

.logo-clean-fb5f {
    position: absolute;
    top: 12px;
    left: 12px;
    background: var(--danger);
    color: white;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    z-index: 1;
}

.sort_1c8d {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

.lite_143a {
    padding: 20px;
}

.lite_143a h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
}

.lite_143a p {
    font-size: 13px;
    color: var(--text-secondary);
    margin-bottom: 16px;
}

.item-fe27 {
    display: block;
    width: 100%;
    padding: 12px;
    background: var(--gradient-primary);
    color: white;
    border-radius: var(--radius-sm);
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    transition: transform 0.3s;
}

.item-fe27:hover {
    transform: scale(1.02);
}

.box_37be {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 32px;
}

.box_37be h3 {
    font-size: 28px;
    margin-bottom: 24px;
    text-align: center;
}

.badge_8167 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.simple-fc87 {
    text-align: center;
}

.avatar_stale_1e91 {
    font-size: 48px;
    margin-bottom: 12px;
}

.simple-fc87 h4 {
    font-size: 16px;
    margin-bottom: 8px;
}

.simple-fc87 p {
    font-size: 13px;
    color: var(--text-secondary);
    line-height: 1.6;
}

/* Responsive for Extended Sections */
@media (max-width: 1024px) {
    .nav_7c4f,
    .aside_over_834b,
    .main_pro_9c10 {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .menu-cool-5d02,
    .surface-narrow-d116,
    .stone_0cba {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .active_29f6,
    .badge_stale_a77d {
        grid-template-columns: 1fr;
    }
    
    .clean_87a6 {
        grid-template-columns: 1fr;
    }
    
    .badge_8167 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1024px) {
    .nav_7c4f,
    .menu-cool-5d02,
    .surface-narrow-d116,
    .aside_over_834b,
    .stone_0cba,
    .footer_cb98,
    .main_pro_9c10,
    .active_29f6,
    .badge_stale_a77d,
    .clean_87a6,
    .badge_8167,
    .message-824b,
    .section_fixed_909b {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .block-cd80,
    .popup_0290,
    .outline-yellow-56cb {
        max-width: 100%;
        overflow-x: auto;
    }
}

@media (max-width: 768px) {
    .nav_7c4f,
    .menu-cool-5d02,
    .surface-narrow-d116,
    .aside_over_834b,
    .stone_0cba,
    .footer_cb98,
    .main_pro_9c10 {
        grid-template-columns: 1fr;
    }
    
    .block-cd80 {
        overflow-x: auto;
    }
    
    .box-f8b8 {
        grid-template-columns: 40px 1fr auto;
        gap: 12px;
    }
    
    .selected-b14a,
    .narrow_960f {
        display: none;
    }
    
    .outline-yellow-56cb {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .article-e6f9 {
        flex-direction: column;
        gap: 32px;
    }
    
    .message-824b {
        grid-template-columns: 1fr;
    }
    
    .header-old-2354 {
        padding: 32px 24px;
    }
    
    .header-old-2354 h2 {
        font-size: 28px;
    }
    
    .badge_8167 {
        grid-template-columns: 1fr;
    }
}

/* css-noise: 43bd */
.shadow-element-l0 {
  padding: 0.1rem;
  font-size: 10px;
  line-height: 1.1;
}