/* ============================================
   Extended Sections Styles - SEO Optimized
   ============================================ */

/* Games Showcase */
.steel_b00b {
    background: radial-gradient(ellipse at bottom, #1a1a2e, #0f0f23);
}

.title_ef35 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 48px;
}

.south_5697 {
    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;
}

.south_5697:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-lg);
}

.clean_9ff5 {
    position: relative;
    overflow: hidden;
}

.highlight-black-2a7d {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    transition: transform 0.3s;
}

.south_5697:hover .highlight-black-2a7d {
    transform: scale(1.1);
}

.list-21e6 {
    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;
}

.south_5697:hover .list-21e6 {
    opacity: 1;
}

.module-2b51 {
    padding: 16px 32px;
    background: var(--gradient-primary);
    color: white;
    border-radius: var(--radius-sm);
    font-weight: 700;
    font-size: 16px;
}

.heading_c135 {
    padding: 20px;
}

.full-ef98 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}

.hovered-9b1b {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    font-size: 12px;
}

.plasma-da8e {
    color: var(--primary-color);
    font-weight: 600;
}

.first-9b06 {
    color: var(--text-secondary);
}

.stone_904c {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.6;
}

.description-d260 {
    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;
}

.description-d260:hover {
    background: var(--primary-color);
    color: white;
}

/* Sports Betting */
.element_wood_0276 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-bottom: 48px;
}

.label_top_96f2 {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 24px;
    text-align: center;
    transition: all 0.3s;
}

.label_top_96f2:hover {
    transform: translateY(-8px);
    border-color: var(--primary-color);
}

.header-lower-3a49 {
    font-size: 48px;
    margin-bottom: 16px;
}

.label_top_96f2 h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
}

.label_top_96f2 p {
    font-size: 14px;
    color: var(--text-secondary);
    margin-bottom: 16px;
}

.grid-dark-44e1 {
    list-style: none;
    font-size: 13px;
    color: var(--text-secondary);
    text-align: left;
}

.grid-dark-44e1 li {
    padding: 4px 0;
}

.gallery-699b {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 32px;
}

.gallery-699b h3 {
    font-size: 28px;
    margin-bottom: 24px;
    text-align: center;
}

.image-glass-094c {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.component-last-7023 h4 {
    font-size: 18px;
    margin-bottom: 12px;
    color: var(--primary-color);
}

.component-last-7023 p {
    color: var(--text-secondary);
    line-height: 1.8;
    font-size: 14px;
}

/* Instant Games */
.fresh-5b2d {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 48px;
}

.wrapper-bbc0 {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 32px;
    text-align: center;
    transition: all 0.3s;
}

.wrapper-bbc0:hover {
    transform: translateY(-8px);
    border-color: var(--secondary-color);
}

.texture-fc30 {
    font-size: 64px;
    margin-bottom: 16px;
}

.breadcrumb-5bdd {
    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;
}

.wrapper-bbc0 h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px;
}

.wrapper-bbc0 > p {
    color: var(--text-secondary);
    margin-bottom: 16px;
    line-height: 1.6;
}

.element_87fe {
    list-style: none;
    font-size: 13px;
    color: var(--text-secondary);
    text-align: left;
}

.element_87fe li {
    padding: 4px 0;
}

.black-890f {
    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;
}

.black-890f h3 {
    font-size: 24px;
    margin-bottom: 16px;
}

.black-890f p {
    color: var(--text-secondary);
    line-height: 1.8;
    margin-bottom: 16px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.title-narrow-c037 {
    color: var(--primary-color);
    text-decoration: underline;
}

/* Slots Section */
.modal-bbce {
    margin-bottom: 48px;
}

.modal-bbce h3 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 24px;
    color: var(--text-secondary);
}

.icon-dynamic-1e04 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
}

.label-7d55 {
    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;
}

.label-7d55:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.preview-4f11 {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 32px;
    margin-bottom: 48px;
}

.preview-4f11 h3 {
    font-size: 24px;
    margin-bottom: 24px;
}

.accent-medium-9d98 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sort-mini-f44a {
    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;
}

.sort-mini-f44a:hover {
    background: rgba(0, 200, 150, 0.05);
}

.notice-fc71 {
    font-size: 24px;
    font-weight: 800;
    color: var(--primary-color);
}

.thumbnail-top-31ac strong {
    display: block;
    font-size: 16px;
    margin-bottom: 4px;
}

.texture_fresh_4044 {
    font-size: 12px;
    color: var(--text-secondary);
}

.cold_27c2 {
    font-size: 14px;
    font-weight: 600;
}

.rough-feca {
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
}

.rough-feca.label_solid_69be {
    background: rgba(255, 71, 87, 0.1);
    color: var(--danger);
}

.rough-feca.tabs_7166 {
    background: rgba(255, 215, 0, 0.1);
    color: var(--warning);
}

.rough-feca.old_687b {
    background: rgba(255, 140, 66, 0.1);
    color: var(--secondary-color);
}

.steel-a814 {
    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;
}

.steel-a814:hover {
    transform: scale(1.05);
}

.old-276a {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 32px;
    margin-bottom: 48px;
}

.old-276a h3 {
    font-size: 24px;
    margin-bottom: 24px;
    text-align: center;
}

.bottom-78d0 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.avatar-prev-3f0a h4 {
    font-size: 18px;
    margin-bottom: 12px;
}

.avatar-prev-3f0a p {
    color: var(--text-secondary);
    line-height: 1.8;
}

.wrapper_7e90 {
    text-align: center;
    margin-bottom: 48px;
}

.pressed-034f {
    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);
}

.layout_action_e3a7 {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.8;
    max-width: 800px;
    margin: 0 auto;
}

/* Bonus Section */
.panel_2f76 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 48px;
}

.heading-f8b6 {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: all 0.3s;
}

.heading-f8b6:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-lg);
}

.heading-f8b6.surface-a51b {
    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));
}

.list_39ab {
    background: var(--gradient-primary);
    color: white;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
}

.paper_7e98 {
    padding: 24px 24px 16px 24px;
}

.icon_next_afbb {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
}

.menu-old-1eda {
    font-size: 32px;
    font-weight: 800;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.box_0809 {
    padding: 0 24px 24px 24px;
}

.column_rough_04ae {
    color: var(--text-secondary);
    margin-bottom: 24px;
    line-height: 1.8;
}

.picture_2109 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

.surface_huge_4b69 {
    text-align: center;
}

.iron-8e72 {
    display: block;
    font-size: 11px;
    color: var(--text-secondary);
    margin-bottom: 4px;
}

.aside_gas_80ed {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-color);
}

.button-a4de {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 12px;
    color: var(--text-secondary);
}

.active-d153 {
    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;
}

.active-d153:hover {
    transform: scale(1.02);
}

.focus_a669 {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 32px;
}

.focus_a669 h3 {
    font-size: 24px;
    margin-bottom: 16px;
}

.focus_a669 p {
    color: var(--text-secondary);
    line-height: 1.8;
    margin-bottom: 16px;
}

.frame-focused-eb2e {
    margin: 16px 0;
    padding-left: 24px;
    color: var(--text-secondary);
}

.frame-focused-eb2e li {
    margin-bottom: 8px;
    line-height: 1.6;
}

/* Registration Section */
.caption-gas-bc8f {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
}

.logo-ef95 {
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-lg);
}

.texture-9777 {
    width: 100%;
    height: auto;
    display: block;
}

.tabs-upper-735a {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
}

.highlight-c333 {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.solid_6530 {
    font-size: 24px;
    color: var(--success);
}

.sidebar-2be8 strong {
    display: block;
    font-size: 16px;
    margin-bottom: 4px;
}

.sidebar-2be8 p {
    font-size: 14px;
    color: var(--text-secondary);
    margin: 0;
}

.progress_stone_c278 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.preview-c2eb {
    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;
}

.preview-c2eb:hover {
    transform: translateY(-4px);
}

.button_dbe1 {
    text-align: center;
    font-size: 14px;
    color: var(--text-secondary);
}

.button_dbe1 a {
    color: var(--primary-color);
    text-decoration: none;
}

/* Payment Methods */
.secondary-bottom-b139 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-bottom: 48px;
}

.module-6229 {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 24px;
    text-align: center;
    transition: all 0.3s;
}

.module-6229:hover {
    transform: translateY(-8px);
    border-color: var(--primary-color);
}

.module-6229.item-7c74 {
    border: 2px solid var(--primary-color);
    background: linear-gradient(135deg, rgba(0, 200, 150, 0.05), rgba(0, 102, 255, 0.05));
}

.advanced-02e6 {
    font-size: 48px;
    margin-bottom: 16px;
}

.module-6229 h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
}

.hover-b232 {
    font-size: 13px;
    color: var(--text-secondary);
    margin-bottom: 12px;
}

.element_3ef6 {
    display: flex;
    justify-content: center;
    gap: 12px;
    font-size: 12px;
}

.element_3ef6 span {
    background: rgba(0, 200, 150, 0.1);
    color: var(--primary-color);
    padding: 4px 8px;
    border-radius: 4px;
}

.icon-5c6d {
    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;
}

.prev_4562 {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
}

.search-8459 {
    color: var(--success);
    font-size: 20px;
}

/* Support Section */
.bottom-5c13 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 48px;
}

.content-stale-ee6b {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 32px;
    text-align: center;
    transition: all 0.3s;
}

.content-stale-ee6b:hover {
    transform: translateY(-8px);
    border-color: var(--primary-color);
}

.dynamic_d396 {
    font-size: 64px;
    margin-bottom: 16px;
}

.content-stale-ee6b h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px;
}

.content-stale-ee6b p {
    color: var(--text-secondary);
    margin-bottom: 8px;
}

.small_0ee4 {
    font-size: 13px;
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 16px;
}

.section_3dbc {
    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;
}

.section_3dbc:hover {
    background: var(--primary-color);
    color: white;
}

.video_968a {
    display: flex;
    justify-content: center;
    gap: 60px;
}

.heading_f499 {
    text-align: center;
}

.focus_8004 {
    display: block;
    font-size: 48px;
    font-weight: 800;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.pressed-4024 {
    display: block;
    font-size: 14px;
    color: var(--text-secondary);
    margin-top: 8px;
}

/* Responsible Gaming */
.action_e365 {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 48px;
}

.form-2615 {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 32px;
}

.form-2615 h3 {
    font-size: 24px;
    margin-bottom: 16px;
}

.black-ea06 {
    list-style: none;
}

.black-ea06 li {
    padding: 12px 0;
    border-bottom: 1px solid var(--border-color);
    color: var(--text-secondary);
    line-height: 1.6;
}

.black-ea06 li:last-child {
    border-bottom: none;
}

.carousel-c926 {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 32px;
}

.carousel-c926 h3 {
    font-size: 24px;
    margin-bottom: 16px;
}

.carousel-c926 p {
    color: var(--text-secondary);
    margin-bottom: 16px;
    line-height: 1.6;
}

.detail-basic-3a64 {
    list-style: none;
    margin-bottom: 24px;
}

.detail-basic-3a64 li {
    padding: 8px 0;
    color: var(--text-secondary);
}

.sidebar-up-4857 {
    display: flex;
    gap: 12px;
    margin-top: 24px;
}

.message_purple_a195 {
    background: rgba(255, 71, 87, 0.1);
    color: var(--danger);
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
}

/* Final CTA */
.badge-north-e27b {
    background: radial-gradient(ellipse at top, #1a1a2e, #0f0f23);
}

.button_north_bcf2 {
    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);
}

.button_north_bcf2 h2 {
    font-size: 40px;
    margin-bottom: 16px;
}

.button_north_bcf2 > p {
    font-size: 18px;
    color: var(--text-secondary);
    margin-bottom: 32px;
}

.button-324f {
    font-size: 13px;
    color: var(--text-secondary);
    margin-top: 16px;
}

/* Live Casino */
.media-paper-d89f {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 48px;
}

.dynamic_87db {
    position: relative;
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: all 0.3s;
}

.dynamic_87db:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-lg);
}

.section-lower-65f4 {
    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;
}

.current_ca44 {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

.west-8c0a {
    padding: 20px;
}

.west-8c0a h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
}

.west-8c0a p {
    font-size: 13px;
    color: var(--text-secondary);
    margin-bottom: 16px;
}

.under-aa0c {
    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;
}

.under-aa0c:hover {
    transform: scale(1.02);
}

.paragraph_pro_590e {
    background: var(--dark-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 32px;
}

.paragraph_pro_590e h3 {
    font-size: 28px;
    margin-bottom: 24px;
    text-align: center;
}

.message_0d27 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.pagination-00ee {
    text-align: center;
}

.tag-2fce {
    font-size: 48px;
    margin-bottom: 12px;
}

.pagination-00ee h4 {
    font-size: 16px;
    margin-bottom: 8px;
}

.pagination-00ee p {
    font-size: 13px;
    color: var(--text-secondary);
    line-height: 1.6;
}

/* Responsive for Extended Sections */
@media (max-width: 1024px) {
    .title_ef35,
    .panel_2f76,
    .media-paper-d89f {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .element_wood_0276,
    .fresh-5b2d,
    .secondary-bottom-b139 {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .image-glass-094c,
    .bottom-78d0 {
        grid-template-columns: 1fr;
    }
    
    .caption-gas-bc8f {
        grid-template-columns: 1fr;
    }
    
    .message_0d27 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1024px) {
    .title_ef35,
    .element_wood_0276,
    .fresh-5b2d,
    .panel_2f76,
    .secondary-bottom-b139,
    .bottom-5c13,
    .media-paper-d89f,
    .image-glass-094c,
    .bottom-78d0,
    .caption-gas-bc8f,
    .message_0d27,
    .action_e365,
    .button-first-bafd {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .accent-medium-9d98,
    .preview-4f11,
    .picture_2109 {
        max-width: 100%;
        overflow-x: auto;
    }
}

@media (max-width: 768px) {
    .title_ef35,
    .element_wood_0276,
    .fresh-5b2d,
    .panel_2f76,
    .secondary-bottom-b139,
    .bottom-5c13,
    .media-paper-d89f {
        grid-template-columns: 1fr;
    }
    
    .accent-medium-9d98 {
        overflow-x: auto;
    }
    
    .sort-mini-f44a {
        grid-template-columns: 40px 1fr auto;
        gap: 12px;
    }
    
    .cold_27c2,
    .gradient_c5e6 {
        display: none;
    }
    
    .picture_2109 {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .video_968a {
        flex-direction: column;
        gap: 32px;
    }
    
    .action_e365 {
        grid-template-columns: 1fr;
    }
    
    .button_north_bcf2 {
        padding: 32px 24px;
    }
    
    .button_north_bcf2 h2 {
        font-size: 28px;
    }
    
    .message_0d27 {
        grid-template-columns: 1fr;
    }
}

/* css-noise: 5c47 */
.shadow-element-s2 {
  padding: 0.3rem;
  font-size: 13px;
  line-height: 1.0;
}
