/* {$keywords} - Main Stylesheet */
/* Modern Brazilian Gaming Platform Styles */

/* CSS Reset and Base Styles */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* CSS Variables - 深海蓝青绿主题 */
:root {
    /* 背景色系 */
    --primary-bg: #0f172a;      /* 深海蓝 - 主背景 */
    --secondary-bg: #1e293b;     /* 中蓝 - 卡片背景 */
    --tertiary-bg: #334155;     /* 浅蓝 - 悬浮背景 */
    
    /* 强调色系 */
    --accent-color: #06b6d4;     /* 青绿 - 主要CTA */
    --accent-hover: #0891b2;     /* 深青绿 - 悬停状态 */
    --accent-light: #67e8f9;    /* 浅青绿 - 高亮文字 */
    
    /* 文字色系 */
    --text-white: #f8fafc;      /* 纯白 - 主要文字 */
    --text-gray: #cbd5e1;       /* 淡灰 - 次要文字 */
    --text-muted: #94a3b8;      /* 灰色 - 辅助文字 */
    
    /* 功能色系 */
    --success-color: #10b981;   /* 翠绿 - 成功状态 */
    --danger-color: #ef4444;    /* 红色 - 错误状态 */
    --warning-color: #f97316;   /* 橙色 - 警告状态 */
    --info-color: #06b6d4;      /* 青绿 - 信息提示 */
    
    /* 渐变色系 */
    --primary-gradient: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);
    --hero-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    --card-gradient: linear-gradient(145deg, #1e293b 0%, #334155 100%);
    
    /* Shadows - 深海蓝青绿主题 */
    --shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.1);
    --shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.15);
    --shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.2);
    --shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, 0.25);
    --shadow-accent: 0 8px 32px rgba(6, 182, 212, 0.4);
    --shadow-glow: 0 0 30px rgba(6, 182, 212, 0.3);
    --shadow-vip: 0 0 20px rgba(6, 182, 212, 0.3);
    
    /* Typography */
    --font-primary: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-heading: 'Roboto Slab', Georgia, serif;
    
    /* Spacing */
    --container-max-width: 1200px;
    --section-padding: 4rem 0;
    --element-spacing: 1.5rem;
    
    /* Border Radius */
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-full: 9999px;
    
    /* Transitions */
    --transition-fast: 0.15s ease-in-out;
    --transition-normal: 0.3s ease-in-out;
    --transition-slow: 0.5s ease-in-out;
}

/* Base Styles */
html {
    scroll-behavior: smooth;
    font-size: 16px;
}

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

.gradient_old_0db0 {
    background: var(--hero-gradient);
    min-height: 100vh;
}

/* Container */
.accordion_d95c {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 1rem;
}

@media (min-width: 640px) {
    .accordion_d95c {
        padding: 0 1.5rem;
    }
}

@media (min-width: 1024px) {
    .accordion_d95c {
        padding: 0 2rem;
    }
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem;
}

h1 {
    font-size: clamp(2rem, 4vw, 3.5rem);
    background: var(--primary-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

h2 {
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    color: var(--text-white);
}

h3 {
    font-size: clamp(1.25rem, 2.5vw, 1.875rem);
    color: var(--accent-color);
}

p {
    margin-bottom: 1rem;
    color: var(--text-gray);
}

strong {
    color: var(--accent-color);
    font-weight: 600;
}

/* Header Styles */
.slider_liquid_a999 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: rgba(30, 27, 75, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.column_8f7d {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 0;
}

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .column_8f7d {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .status-e19b {
        grid-column: 1;
    }
    
    .component-complex-34fd {
        grid-column: 2;
    }
    
    .glass-b334 {
        grid-column: 3;
    }
}

.status-e19b img {
    height: 50px;
    width: auto;
    transition: var(--transition-fast);
}

.status-e19b:hover img {
    transform: scale(1.05);
}

/* Navigation */
.detail-5d81 {
    display: none;
}

@media (min-width: 1024px) {
    .detail-5d81 {
        display: block;
    }
}

/* Grouped Navigation */
.texture_1df3 {
    display: flex;
    gap: 1.5rem;
    align-items: center;
}

.slider_full_a27e {
    position: relative;
}

.detail-dynamic-18c0 {
    font-size: 0.7rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 0.15rem;
    display: block;
    font-weight: 600;
}

.slider_full_a27e .menu_smooth_d99e {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

.menu_smooth_d99e {
    display: flex;
    list-style: none;
    gap: 1.5rem;
}

.aside-hard-21a0 {
    color: var(--text-gray);
    text-decoration: none;
    font-weight: 500;
    padding: 0.4rem 0.75rem;
    border-radius: var(--radius-sm);
    transition: var(--transition-fast);
    position: relative;
    font-size: 0.9rem;
}

.aside-hard-21a0:hover,
.aside-hard-21a0.fn-active-e0b2 {
    color: var(--accent-light);
    background: var(--tertiary-bg);
    box-shadow: var(--shadow-glow);
}

/* Header Actions */
.south_0ece {
    display: none;
    gap: 0.75rem;
}

@media (min-width: 768px) {
    .south_0ece {
        display: flex;
    }
}

/* Mobile Register Button */
.component-complex-34fd {
    display: flex;
    align-items: center;
}

@media (min-width: 1024px) {
    .component-complex-34fd {
        display: none;
    }
}


/* 移动端注册按钮光效 */
.dynamic_96b4 {
    background: var(--primary-gradient);
    color: var(--primary-bg);
    text-decoration: none;
    font-weight: 700;
    font-size: 0.875rem;
    padding: 0.6rem 1rem;
    border-radius: var(--radius-full);
    border: 2px solid var(--accent-color);
    box-shadow: var(--shadow-glow);
    transition: var(--transition-normal);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

.dynamic_96b4::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: var(--primary-gradient);
    border-radius: inherit;
    z-index: -1;
    filter: blur(6px);
    opacity: 0.6;
    animation: mobilePulse 3s ease-in-out infinite;
}

@keyframes mobilePulse {
    0%, 100% {
        opacity: 0.6;
        transform: scale(1);
    }
    50% {
        opacity: 0.8;
        transform: scale(1.03);
    }
}

/* Mobile Menu */
.glass-b334 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    z-index: 1001;
    position: relative;
}

@media (min-width: 1024px) {
    .glass-b334 {
        display: none;
    }
}

.glass-b334 span {
    width: 25px;
    height: 3px;
    background: var(--accent-color);
    border-radius: var(--radius-full);
    transition: var(--transition-fast);
}

.glass-b334.fn-active-e0b2 span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.glass-b334.fn-active-e0b2 span:nth-child(2) {
    opacity: 0;
}

.glass-b334.fn-active-e0b2 span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

.active-bright-6c09 {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--secondary-bg);
    border-top: 1px solid rgba(6, 182, 212, 0.2);
    box-shadow: var(--shadow-lg);
    z-index: 1000;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

.active-bright-6c09.fn-active-e0b2 {
    display: block;
    max-height: 500px;
}

/* Prevent body scroll when menu is open */
body.focus_14c4 {
    overflow: hidden;
}

.focus-7b90 {
    list-style: none;
    padding: 0.75rem 0;
}

.popup-hard-4152 {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: var(--text-gray);
    text-decoration: none;
    padding: 0.75rem 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: var(--transition-fast);
    font-weight: 500;
    font-size: 0.9rem;
}

.popup-hard-4152:hover,
.popup-hard-4152.fn-active-e0b2 {
    background: var(--tertiary-bg);
    color: var(--accent-light);
    border-left: 3px solid var(--accent-color);
    padding-left: 1.375rem;
}


/* 移动端注册按钮动画效果 */
.popup-hard-4152.huge-1df6 {
    background: var(--primary-gradient);
    color: var(--primary-bg);
    font-weight: 700;
    text-align: center;
    justify-content: center;
    margin: 1rem;
    padding: 1rem 1.5rem;
    border-radius: var(--radius-lg);
    border: 2px solid var(--accent-color);
    box-shadow: var(--shadow-glow);
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
}

.popup-hard-4152.huge-1df6::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: var(--primary-gradient);
    border-radius: inherit;
    z-index: -1;
    filter: blur(8px);
    opacity: 0.7;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 0.7;
        transform: scale(1);
    }
    50% {
        opacity: 0.9;
        transform: scale(1.02);
    }
}

/* Button Styles */
.hover-active-e31d {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: var(--radius-full);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.875rem;
    text-align: center;
    transition: var(--transition-normal);
    cursor: pointer;
    border: none;
    white-space: nowrap;
}

.gallery_d8b3 {
    background: var(--primary-gradient);
    color: var(--text-white);
    box-shadow: var(--shadow-accent);
}

.gallery_d8b3:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(6, 182, 212, 0.5);
}

.element_c755 {
    background: transparent;
    color: var(--accent-color);
    border: 2px solid var(--accent-color);
}

.element_c755:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

.focus_short_6a07 {
    padding: 1.25rem 2rem;
    font-size: 1.125rem;
    background: var(--primary-gradient);
    color: var(--text-white);
    box-shadow: var(--shadow-accent);
    flex-direction: column;
    gap: 0.25rem;
}

.focus_short_6a07:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 48px rgba(6, 182, 212, 0.5);
}

.border-iron-841a {
    padding: 1.5rem 3rem;
    font-size: 1.25rem;
    background: var(--primary-gradient);
    color: var(--text-white);
    box-shadow: var(--shadow-accent);
    flex-direction: column;
    gap: 0.5rem;
}

.focus_middle_105b {
    background: var(--secondary-bg);
    color: var(--accent-color);
    border: 1px solid var(--accent-color);
}

.focus_middle_105b:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

.media-bc4b {
    background: var(--accent-color);
    color: var(--primary-bg);
}

.media-bc4b:hover {
    background: var(--accent-hover);
    transform: translateY(-2px);
}

.media_356d {
    background: var(--info-color);
    color: var(--accent-light);
    font-weight: 700;
    box-shadow: var(--shadow-vip);
}

.media_356d:hover {
    background: linear-gradient(135deg, var(--info-color), var(--accent-color));
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(6, 182, 212, 0.4);
}

.description_hard_6362 {
    font-size: 1em;
    font-weight: 700;
}

.gas_ffa8 {
    font-size: 0.875em;
    opacity: 0.9;
    font-weight: 500;
}

/* Hero Section */
.heading-f20e {
    padding: 8rem 0 4rem;
    background: var(--hero-gradient);
    position: relative;
    overflow: hidden;
}

.heading-f20e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 50%, rgba(6, 182, 212, 0.15) 0%, transparent 70%);
    pointer-events: none;
}

.copper_678d {
    display: grid;
    gap: 3rem;
    align-items: center;
    position: relative;
    z-index: 1;
}

@media (min-width: 1024px) {
    .copper_678d {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
}

.stone-8e86 {
    margin-bottom: 1.5rem;
    line-height: 1.1;
}

.sidebar-0df8 {
    font-size: 1.25rem;
    color: var(--text-gray);
    margin-bottom: 2rem;
    line-height: 1.5;
}

.upper-34a2 {
    margin-bottom: 2rem;
}

.mini_1e29 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

@media (min-width: 768px) {
    .mini_1e29 {
        grid-template-columns: repeat(4, 1fr);
    }
}

.layout-static-81d3 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: var(--radius-md);
    backdrop-filter: blur(10px);
}

.narrow_0cce {
    font-size: 1.5rem;
}

.outer_9838 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-white);
}

.column_1e0f {
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-52a7 {
    width: 100%;
    max-width: 600px;
    height: auto;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-accent);
    transition: var(--transition-slow);
}

.section-52a7:hover {
    transform: scale(1.02);
    box-shadow: 0 16px 48px rgba(6, 182, 212, 0.4);
}

/* Section Styles */
section {
    padding: var(--section-padding);
}

.preview_upper_80ed {
    text-align: center;
    margin-bottom: 3rem;
}

.secondary-d88f {
    margin-bottom: 1rem;
}

.hard_2eea {
    font-size: 1.125rem;
    color: var(--text-gray);
    max-width: 600px;
    margin: 0 auto;
}

.gallery_cool_472c {
    display: grid;
    gap: 3rem;
    align-items: center;
}

@media (min-width: 1024px) {
    .gallery_cool_472c {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
    
    .gallery_cool_472c.secondary_west_a925 {
        direction: rtl;
    }
    
    .gallery_cool_472c.secondary_west_a925 > * {
        direction: ltr;
    }
}

.west-f9a0 {
    color: var(--accent-color);
    margin-bottom: 1rem;
    margin-top: 2rem;
}

.west-f9a0:first-child {
    margin-top: 0;
}

.button-9c77 {
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

.status_pro_c308 {
    width: 100%;
    height: auto;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    transition: var(--transition-normal);
}

.status_pro_c308:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-xl);
}

/* Payment Methods */
.disabled-ad0c {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

@media (min-width: 768px) {
    .disabled-ad0c {
        grid-template-columns: repeat(3, 1fr);
    }
}

.sidebar_selected_3934 {
    background: var(--card-gradient);
    padding: 1.5rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.1);
}

.hero-1577 {
    color: var(--accent-color);
    margin-bottom: 1rem;
    font-size: 1.125rem;
}

.plasma_e0dc {
    list-style: none;
}

.plasma_e0dc li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

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

/* Games Features */
.background_south_177e {
    display: grid;
    gap: 2rem;
    margin: 2rem 0;
}

.hot_04ae {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.fixed-b542 {
    font-size: 2rem;
    flex-shrink: 0;
}

.basic_8c15 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.filter-160b {
    color: var(--text-gray);
    line-height: 1.6;
}

/* Bonus Highlight */
.rough_c866 {
    margin: 2rem 0;
}

.video-upper-d03a {
    background: var(--primary-gradient);
    padding: 2rem;
    border-radius: var(--radius-xl);
    text-align: center;
    color: var(--primary-bg);
}

.content-complex-ea22 {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
    color: var(--primary-bg);
}

.logo_out_ca08 {
    font-size: 2.5rem;
    font-weight: 900;
    margin-bottom: 0.5rem;
}

.progress-4db7 {
    font-size: 1.125rem;
    font-weight: 600;
}

/* VIP Tiers */
.wrapper_hot_2950 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

@media (min-width: 768px) {
    .wrapper_hot_2950 {
        grid-template-columns: repeat(3, 1fr);
    }
}

.texture_343b {
    background: var(--card-gradient);
    padding: 1.5rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.texture_343b:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-accent);
}

.media_full_204e {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.tall_a24b {
    font-size: 1.5rem;
}

.paper_9f62 {
    color: var(--accent-color);
    margin: 0;
}

.pagination-soft-ffb2 {
    list-style: none;
}

.pagination-soft-ffb2 li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    position: relative;
    padding-left: 1.5rem;
}

.pagination-soft-ffb2 li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--success-color);
    font-weight: bold;
}

/* Security Features */
.content_5448 {
    margin: 2rem 0;
}

.focus-slow-d674 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

.out-e68f {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

@media (min-width: 768px) {
    .out-e68f {
        grid-template-columns: repeat(4, 1fr);
    }
}

.logo-2cb7 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: rgba(0, 208, 132, 0.1);
    border-radius: var(--radius-md);
    border: 1px solid rgba(0, 208, 132, 0.2);
}

.column-simple-0c89 {
    font-size: 1.25rem;
}

.outline_203c {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--success-color);
}

/* Statistics */
.motion_efd7,
.title_basic_dd38 {
    text-align: center;
    margin: 2rem 0;
}

.inner-43f7,
.text-4bcf {
    font-size: 1.125rem;
    color: var(--accent-color);
    font-weight: 600;
}

/* CTA Sections */
.shade_motion_fa72 {
    margin: 2rem 0;
    text-align: center;
}

.hero-stale-20d3 {
    background: var(--secondary-bg);
    text-align: center;
    position: relative;
    overflow: hidden;
}

.hero-stale-20d3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 50%, rgba(6, 182, 212, 0.05) 0%, transparent 70%);
    pointer-events: none;
}

.link-3c93 {
    position: relative;
    z-index: 1;
}

.pattern-small-d573 {
    margin-bottom: 1rem;
}

.summary-bd15 {
    font-size: 1.125rem;
    color: var(--text-gray);
    margin-bottom: 2rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.active-379a {
    margin-bottom: 3rem;
}

.active-cca6 {
    margin-top: 3rem;
}

.nav_warm_e8b2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    max-width: 800px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .nav_warm_e8b2 {
        grid-template-columns: repeat(4, 1fr);
    }
}

.nav_warm_e8b2 .layout-static-81d3 {
    flex-direction: column;
    text-align: center;
    padding: 1.5rem;
    background: var(--card-gradient);
    border: 1px solid rgba(6, 182, 212, 0.1);
}

.search-stone-c60e {
    font-size: 2rem;
    font-weight: 900;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.preview_5ec8 {
    font-size: 0.875rem;
    color: var(--text-gray);
    font-weight: 500;
}

/* Footer */
.fast_5a3d {
    background: var(--secondary-bg);
    border-top: 1px solid rgba(6, 182, 212, 0.1);
    margin-top: 4rem;
}

.button_up_5716 {
    display: grid;
    gap: 2rem;
    padding: 3rem 0 2rem;
}

@media (min-width: 768px) {
    .button_up_5716 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .button_up_5716 {
        grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    }
}

.old_bdba {
    margin-bottom: 1rem;
}

.backdrop-middle-7da3 img {
    margin-bottom: 1rem;
}

.old_39bc {
    color: var(--text-gray);
    line-height: 1.6;
}

.progress-smooth-661d {
    color: var(--accent-color);
    font-size: 1.125rem;
    margin-bottom: 1rem;
}

.image-gas-f931 {
    list-style: none;
}

.image-gas-f931 li {
    margin-bottom: 0.5rem;
}

.image-gas-f931 a {
    color: var(--text-gray);
    text-decoration: none;
    transition: var(--transition-fast);
}

.image-gas-f931 a:hover {
    color: var(--accent-color);
}

.secondary_large_64cb {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.content_db54 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-md);
    text-decoration: none;
    font-size: 1.25rem;
    transition: var(--transition-fast);
}

.content_db54:hover {
    background: var(--accent-color);
    transform: translateY(-2px);
}

.search_solid_49b2 {
    font-size: 0.875rem;
    color: var(--text-gray);
}

.search_solid_49b2 p {
    margin-bottom: 0.25rem;
}

.outline_dark_436d {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

@media (min-width: 768px) {
    .outline_dark_436d {
        flex-direction: row;
    }
}

.main_388b {
    text-align: center;
}

@media (min-width: 768px) {
    .main_388b {
        text-align: left;
    }
}

.main_388b p {
    margin-bottom: 0.25rem;
    color: var(--text-muted);
    font-size: 0.875rem;
}

.main_paper_107e {
    font-size: 0.75rem !important;
}

.first_5138 {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

.red_a86c {
    padding: 0.25rem 0.75rem;
    background: rgba(6, 182, 212, 0.1);
    color: var(--accent-color);
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    border: 1px solid rgba(6, 182, 212, 0.2);
}

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

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

.form-under-fde3 {
    animation: fadeInUp 0.6s ease-out;
}

.fresh-9ad5 {
    animation: pulse 2s infinite;
}

/* App Page Specific Styles */
.outer_3347 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 2rem 0;
}

@media (min-width: 768px) {
    .outer_3347 {
        flex-direction: row;
        gap: 1.5rem;
    }
}

.section_c8a7 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

@media (min-width: 768px) {
    .section_c8a7 {
        grid-template-columns: repeat(4, 1fr);
    }
}

.container-dark-5124 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.container-dark-5124 .fixed-b542 {
    font-size: 1.25rem;
}

.container-dark-5124 .aside-paper-05a1 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

.breadcrumb_11b5 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

@media (min-width: 768px) {
    .breadcrumb_11b5 {
        grid-template-columns: repeat(3, 1fr);
    }
}

.gradient_e0a0 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 2rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.1);
    transition: var(--transition-normal);
}

.gradient_e0a0:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

.iron_4b54 {
    width: 60px;
    height: 60px;
    background: var(--primary-gradient);
    color: var(--primary-bg);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 900;
    margin-bottom: 1.5rem;
    box-shadow: var(--shadow-accent);
}

.content-5c80 {
    color: var(--accent-color);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.filter_plasma_c62c {
    color: var(--text-gray);
    line-height: 1.6;
}

.gold-64f6 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.blue-4bd3 {
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.1);
}

.blue-4bd3 .basic_8c15 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.blue-4bd3 .filter-160b {
    color: var(--text-gray);
    line-height: 1.6;
}

.component-out-c93b {
    text-align: center;
    margin: 2rem 0;
    padding: 1.5rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.brown-4c44 {
    display: flex;
    justify-content: center;
    margin: 3rem 0;
}

.brown-4c44 img {
    max-width: 100%;
    height: auto;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    transition: var(--transition-normal);
}

.brown-4c44 img:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-glow);
}

/* Login Page Specific Styles */
.footer_top_5644 {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    margin: 2rem 0;
    box-shadow: var(--shadow-lg);
}

.bright_4b94 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.steel-981e {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.steel-981e label {
    color: var(--accent-color);
    font-weight: 600;
    font-size: 0.875rem;
}

.steel-981e input {
    padding: 1rem;
    border: 2px solid rgba(6, 182, 212, 0.3);
    border-radius: var(--radius-md);
    background: var(--primary-bg);
    color: var(--text-white);
    font-size: 1rem;
    transition: var(--transition-normal);
}

.steel-981e input:focus {
    outline: none;
    border-color: var(--accent-color);
    box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.1);
}

.steel-981e input::placeholder {
    color: var(--text-muted);
}

.status-f03e {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.element-e384 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-gray);
    font-size: 0.875rem;
    cursor: pointer;
}

.element-e384 input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: var(--accent-color);
}

.west-6ea2 {
    color: var(--accent-color);
    text-decoration: none;
    font-size: 0.875rem;
    transition: var(--transition-fast);
}

.west-6ea2:hover {
    color: var(--accent-light);
    text-decoration: underline;
}

.out-e68f {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

@media (min-width: 768px) {
    .out-e68f {
        grid-template-columns: repeat(4, 1fr);
    }
}

.logo-2cb7 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: rgba(16, 185, 129, 0.1);
    border-radius: var(--radius-md);
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.logo-2cb7 .column-simple-0c89 {
    font-size: 1.25rem;
}

.logo-2cb7 .outline_203c {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--success-color);
}

.overlay_a3fe {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.down_786f {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.1);
}

.down_786f .fixed-b542 {
    font-size: 2rem;
    flex-shrink: 0;
}

.down_786f .basic_8c15 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.down_786f .filter-160b {
    color: var(--text-gray);
    line-height: 1.6;
}

.avatar-0eed {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.hidden-ad31 {
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.1);
}

.hidden-ad31 .full_560d {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.hidden-ad31 .notification-f094 {
    color: var(--text-gray);
    line-height: 1.6;
}

.gradient_last_ae37 {
    text-align: center;
    margin: 2rem 0;
    padding: 1.5rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.icon_hard_a813 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

@media (min-width: 768px) {
    .icon_hard_a813 {
        grid-template-columns: repeat(3, 1fr);
    }
}

.input_e8d0 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 2rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.1);
    transition: var(--transition-normal);
}

.input_e8d0:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

.gallery-narrow-c54e {
    font-size: 3rem;
    margin-bottom: 1.5rem;
}

.pro-e437 {
    flex: 1;
}

.notification-5471 {
    color: var(--accent-color);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.mask-full-10e5 {
    color: var(--text-gray);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.carousel-96b0 {
    color: var(--accent-color);
    text-decoration: none;
    font-weight: 600;
    padding: 0.75rem 1.5rem;
    border: 2px solid var(--accent-color);
    border-radius: var(--radius-full);
    transition: var(--transition-normal);
}

.carousel-96b0:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

/* Games Page Specific Styles */
.photo_green_2d9d {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

@media (min-width: 768px) {
    .photo_green_2d9d {
        grid-template-columns: repeat(4, 1fr);
    }
}

.tertiary-under-315d {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.tertiary-under-315d:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

.card_west_8910 {
    font-size: 2rem;
    flex-shrink: 0;
}

.west_b44b {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.sidebar-efbb {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

.gradient-6029 {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

.title-107b {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.dim-f563 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.preview-complex-dc3e {
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.1);
}

.preview-complex-dc3e .complex_3ae5 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.preview-complex-dc3e .summary_south_c20f {
    color: var(--text-gray);
    line-height: 1.6;
}

.popup_2ce0 {
    text-align: center;
    margin: 2rem 0;
    padding: 1.5rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.container_9318 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.box_204f {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.1);
}

.box_204f .fixed-b542 {
    font-size: 2rem;
    flex-shrink: 0;
}

.box_204f .basic_8c15 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.box_204f .filter-160b {
    color: var(--text-gray);
    line-height: 1.6;
}

.purple_0403 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

@media (min-width: 768px) {
    .purple_0403 {
        grid-template-columns: repeat(3, 1fr);
    }
}

.gallery_22cf {
    padding: 1rem;
    background: rgba(6, 182, 212, 0.1);
    color: var(--info-color);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.2);
    text-align: center;
    font-weight: 600;
    transition: var(--transition-normal);
}

.gallery_22cf:hover {
    background: rgba(6, 182, 212, 0.2);
    transform: translateY(-2px);
}

/* Bonus Page Specific Styles */
.popup_fresh_4645 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

@media (min-width: 768px) {
    .popup_fresh_4645 {
        grid-template-columns: repeat(4, 1fr);
    }
}

.red-8c58 {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.red-8c58:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

.photo_fixed_0f0e {
    font-size: 2rem;
    flex-shrink: 0;
}

.texture_easy_1b27 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.content-complex-ea22 {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 0.875rem;
}

.middle-2f63 {
    color: var(--text-white);
    font-size: 1rem;
    font-weight: 600;
}

.media_full_7b88 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.tabs_soft_b085 {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    padding: 2rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.1);
    transition: var(--transition-normal);
}

.tabs_soft_b085:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

.up-92c2 {
    width: 60px;
    height: 60px;
    background: var(--primary-gradient);
    color: var(--primary-bg);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 900;
    flex-shrink: 0;
    box-shadow: var(--shadow-accent);
}

.prev-9c69 {
    flex: 1;
}

.mask_0117 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
}

.thumbnail-rough-b881 {
    color: var(--text-white);
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.center_fbcb {
    color: var(--text-gray);
    line-height: 1.6;
}

.hovered_10cb {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.overlay_c651 {
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.overlay_c651 .full_560d {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.overlay_c651 .notification-f094 {
    color: var(--text-gray);
    line-height: 1.6;
}

.title_basic_dd38 {
    text-align: center;
    margin: 2rem 0;
    padding: 1.5rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.modal_b212 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

@media (min-width: 768px) {
    .modal_b212 {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Sports Page Specific Styles */
.in_17af {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

@media (min-width: 768px) {
    .in_17af {
        grid-template-columns: repeat(4, 1fr);
    }
}

.detail-out-53c5 {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.detail-out-53c5:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

.grid-2bb8 {
    font-size: 2rem;
    flex-shrink: 0;
}

.accent-5b62 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.header_purple_155f {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

.shadow_narrow_ac7d {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

.orange-43b4 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.icon-slow-07c3 {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.1);
}

.button-f5c0 {
    font-size: 2rem;
    flex-shrink: 0;
}

.panel-95d7 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.notification_2ded {
    color: var(--text-gray);
    line-height: 1.6;
}

.container_9318 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.box_204f {
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-md);
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.box_204f .basic_8c15 {
    color: var(--success-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.box_204f .filter-160b {
    color: var(--text-gray);
    line-height: 1.6;
}

.tertiary_hovered_f8eb {
    text-align: center;
    margin: 2rem 0;
    padding: 1.5rem;
    background: rgba(16, 185, 129, 0.1);
    border-radius: var(--radius-md);
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.tooltip_6380 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

@media (min-width: 768px) {
    .tooltip_6380 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .tooltip_6380 {
        grid-template-columns: repeat(4, 1fr);
    }
}

.outer-ff13 {
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.1);
    overflow: hidden;
    transition: var(--transition-normal);
}

.outer-ff13:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

.grid-active-4589 {
    padding: 2rem 1.5rem 1rem;
    text-align: center;
    border-bottom: 1px solid rgba(6, 182, 212, 0.1);
}

.backdrop_54d6 {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

.gradient-black-31a1 {
    color: var(--accent-color);
    margin: 0;
    font-size: 1.25rem;
}

.label_last_dd1c {
    padding: 1.5rem;
}

.overlay_prev_b95a {
    color: var(--text-gray);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.item-c0d7 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.item-c0d7 li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    padding-left: 1.5rem;
}

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

.item-c0d7 li::before {
    content: '⚡';
    position: absolute;
    left: 0;
    color: var(--accent-color);
    font-size: 0.875rem;
}

/* Game Page Specific Styles */
.hover_medium_cde6 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

@media (min-width: 768px) {
    .hover_medium_cde6 {
        grid-template-columns: repeat(4, 1fr);
    }
}

.lower_dc77 {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.lower_dc77:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

.hovered_93d6 {
    font-size: 2rem;
    flex-shrink: 0;
}

.label-c4ca {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.east_b650 {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

.list-dc3e {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

.under-9d9f {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.avatar-87ec {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.1);
}

.white-12d0 {
    font-size: 2rem;
    flex-shrink: 0;
}

.shade_5760 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.yellow-fb71 {
    color: var(--text-gray);
    line-height: 1.6;
}

.overlay-green-5760 {
    color: var(--success-color);
    font-weight: 600;
    font-size: 0.875rem;
}

.info-d507 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin: 2rem 0;
    padding: 2rem;
    background: rgba(6, 182, 212, 0.05);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.1);
}

.preview_large_acdc {
    text-align: center;
}

.selected_86bb {
    font-size: 2rem;
    font-weight: 900;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.soft_d28f {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

.detail-old-ba73 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.fixed-5fec {
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.fixed-5fec .basic_8c15 {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.fixed-5fec .filter-160b {
    color: var(--text-gray);
    line-height: 1.6;
}

.grid-dc43 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

@media (min-width: 768px) {
    .grid-dc43 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .grid-dc43 {
        grid-template-columns: repeat(4, 1fr);
    }
}

.label-a6ae {
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.1);
    overflow: hidden;
    transition: var(--transition-normal);
}

.label-a6ae:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

.frame_2303 {
    padding: 2rem 1.5rem 1rem;
    text-align: center;
    border-bottom: 1px solid rgba(6, 182, 212, 0.1);
}

.last_54f1 {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

.basic_8c15 {
    color: var(--accent-color);
    margin: 0;
    font-size: 1.25rem;
}

.info_5bde {
    padding: 1.5rem;
}

.filter-160b {
    color: var(--text-gray);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.clean-0eb1 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.clean-0eb1 li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    padding-left: 1.5rem;
}

.clean-0eb1 li:last-child {
    border-bottom: none;
}

.clean-0eb1 li::before {
    content: '✨';
    position: absolute;
    left: 0;
    color: var(--accent-color);
    font-size: 0.875rem;
}

/* Crash Page Specific Styles */
.east_ef7b {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1rem;
    margin: 2rem 0;
}

.pagination_south_8b0e {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.pagination_south_8b0e:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

.label-22c2 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.tooltip_e53b {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.1);
}

.iron_4b54 {
    width: 3rem;
    height: 3rem;
    background: var(--primary-gradient);
    color: var(--primary-bg);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.content-5c80 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.filter_plasma_c62c {
    color: var(--text-gray);
    line-height: 1.6;
}

.brown_0774 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.heading-purple-409e {
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.1);
}

.frame_6e84 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.highlight_fc3c {
    color: var(--text-gray);
    line-height: 1.6;
    margin-bottom: 1rem;
}

.background-e21f {
    display: flex;
    gap: 1rem;
}

.background-e21f .component-copper-0ce0 {
    background: rgba(6, 182, 212, 0.1);
    color: var(--accent-color);
    padding: 0.25rem 0.75rem;
    border-radius: var(--radius-full);
    font-size: 0.875rem;
    font-weight: 600;
}

.layout_3c8e {
    margin: 2rem 0;
    padding: 2rem;
    background: rgba(16, 185, 129, 0.05);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.row-last-58f6 {
    color: var(--success-color);
    margin-bottom: 1rem;
    font-size: 1.125rem;
}

.backdrop-d0f8 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.backdrop-d0f8 li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    padding-left: 1.5rem;
}

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

.backdrop-d0f8 li::before {
    content: '💡';
    position: absolute;
    left: 0;
    font-size: 0.875rem;
}

.prev_a1fa {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

@media (min-width: 768px) {
    .prev_a1fa {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .prev_a1fa {
        grid-template-columns: repeat(4, 1fr);
    }
}

.info_warm_8328 {
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.1);
    overflow: hidden;
    transition: var(--transition-normal);
}

.info_warm_8328:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

.widget_2183 {
    padding: 2rem 1.5rem 1rem;
    text-align: center;
    border-bottom: 1px solid rgba(6, 182, 212, 0.1);
}

.dark-88eb {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

.complex_3ae5 {
    color: var(--accent-color);
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
}

.card_glass_1e37 {
    font-size: 1rem;
}

.breadcrumb-dynamic-754f {
    padding: 1.5rem;
}

.summary_south_c20f {
    color: var(--text-gray);
    line-height: 1.6;
    margin-bottom: 1.5rem;
    font-size: 0.9rem;
}

.new-84c6 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.new-84c6 .preview_large_acdc {
    text-align: center;
}

.new-84c6 .soft_d28f {
    color: var(--text-muted);
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.25rem;
}

.new-84c6 .progress_f568 {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

.notice-cool-9a67 {
    display: block;
    width: 100%;
    background: var(--primary-gradient);
    color: var(--primary-bg);
    text-decoration: none;
    text-align: center;
    padding: 0.75rem 1rem;
    border-radius: var(--radius-md);
    font-weight: 600;
    transition: var(--transition-normal);
    border: 1px solid var(--accent-color);
}

.notice-cool-9a67:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-glow);
}

/* Promo Page Specific Styles */
.input_67d3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

@media (min-width: 768px) {
    .input_67d3 {
        grid-template-columns: repeat(4, 1fr);
    }
}

.tabs-green-7f41 {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.tabs-green-7f41:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

.link_a665 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.input-928b {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.1);
}

.hovered_ea74 {
    font-size: 2rem;
    flex-shrink: 0;
}

.feature-hovered-b61a {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.picture_629b {
    color: var(--text-gray);
    line-height: 1.6;
}

.modal-upper-6c1c {
    color: var(--success-color);
    font-weight: 600;
    font-size: 0.875rem;
}

.pagination-south-cc0b {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.popup-fluid-f92c {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.1);
}

.video_e3f4 {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.875rem;
    flex-shrink: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.video_e3f4.sort-north-d62b {
    background: linear-gradient(135deg, #cd7f32, #a0522d);
    color: white;
}

.video_e3f4.active-fad7 {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

.video_e3f4.title-4668 {
    background: linear-gradient(135deg, #ffd700, #ffb347);
    color: #0f172a;
}

.video_e3f4.sidebar-over-2c1e {
    background: linear-gradient(135deg, #e5e4e2, #b8b8b8);
    color: #0f172a;
}

.video_e3f4.slider-8489 {
    background: linear-gradient(135deg, #b9f2ff, #00bfff);
    color: #0f172a;
}

.mask_blue_6a98 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.module_up_9718 {
    color: var(--text-gray);
    line-height: 1.6;
}

.block_cd6d {
    margin: 2rem 0;
    padding: 2rem;
    background: rgba(6, 182, 212, 0.05);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.table-fluid-f220 {
    color: var(--info-color);
    margin-bottom: 1rem;
    font-size: 1.125rem;
}

.avatar-0eed {
    list-style: none;
    padding: 0;
    margin: 0;
}

.avatar-0eed li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    padding-left: 1.5rem;
}

.avatar-0eed li:last-child {
    border-bottom: none;
}

.avatar-0eed li::before {
    content: '⭐';
    position: absolute;
    left: 0;
    color: var(--info-color);
    font-size: 0.875rem;
}

.easy_c35b {
    display: grid;
    gap: 1.5rem;
    margin: 3rem 0;
}

@media (min-width: 768px) {
    .easy_c35b {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .easy_c35b {
        grid-template-columns: repeat(3, 1fr);
    }
}

.info_purple_1174 {
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.1);
    overflow: hidden;
    transition: var(--transition-normal);
}

.info_purple_1174:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

.info_purple_1174.logo_gold_21a0 {
    grid-column: 1 / -1;
    border-color: rgba(6, 182, 212, 0.3);
}

@media (min-width: 1024px) {
    .info_purple_1174.logo_gold_21a0 {
        grid-column: span 3;
    }
}

.out_7236 {
    padding: 1.5rem;
    text-align: center;
    border-bottom: 1px solid rgba(6, 182, 212, 0.1);
    background: rgba(6, 182, 212, 0.05);
}

.info_purple_1174.logo_gold_21a0 .out_7236 {
    background: rgba(6, 182, 212, 0.1);
}

.focus_active_8935 {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 0.5rem;
}

.tiny_d60b {
    color: var(--accent-color);
    margin: 0;
    font-size: 1.125rem;
}

.info_purple_1174.logo_gold_21a0 .tiny_d60b {
    color: var(--info-color);
}

.link-wood-fe28 {
    padding: 1.5rem;
    text-align: center;
}

.breadcrumb_3af8 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

.info_purple_1174.logo_gold_21a0 .breadcrumb_3af8 {
    color: var(--info-color);
}

.primary_c6aa {
    color: var(--text-gray);
    line-height: 1.6;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

.status-eb55 {
    background: var(--primary-gradient);
    color: var(--primary-bg);
    padding: 0.5rem 1rem;
    border-radius: var(--radius-full);
    font-weight: 700;
    font-size: 1rem;
    display: inline-block;
}

/* Platform Page Specific Styles */
.progress_9ab8 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin: 2rem 0;
}

@media (min-width: 768px) {
    .progress_9ab8 {
        grid-template-columns: repeat(4, 1fr);
    }
}

.title-c1c7 {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.title-c1c7:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

.avatar-white-a2c0 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.down_786f {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-md);
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.column-simple-0c89 {
    font-size: 2rem;
    flex-shrink: 0;
}

.info_b092 {
    flex: 1;
}

.focus-slow-d674 {
    color: var(--success-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.table_yellow_4c83 {
    color: var(--text-gray);
    line-height: 1.6;
}

.heading_78e2 {
    margin: 2rem 0;
    padding: 1.5rem;
    background: rgba(16, 185, 129, 0.05);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.overlay_1d1f {
    color: var(--success-color);
    margin-bottom: 1rem;
    font-size: 1.125rem;
}

.static-9c40 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.red_a86c {
    background: rgba(16, 185, 129, 0.1);
    color: var(--success-color);
    padding: 0.5rem 1rem;
    border-radius: var(--radius-full);
    font-size: 0.875rem;
    font-weight: 600;
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.video_large_e571 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem;
  margin: 2rem 0;
  padding: 2rem;
  background: rgba(6, 182, 212, 0.05);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(6, 182, 212, 0.2);
}

.video_large_e571 .preview_large_acdc {
    text-align: center;
}

.video_large_e571 .selected_86bb {
    font-size: 2rem;
    font-weight: 900;
    color: var(--info-color);
    margin-bottom: 0.5rem;
}

.video_large_e571 .soft_d28f {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

.nav-7ef2 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.link-1e9d {
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.lite-8815 {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.tooltip-6bc3 {
    color: var(--text-gray);
    line-height: 1.6;
}

.middle-7e70 {
    margin: 2rem 0;
    padding: 1.5rem;
    background: rgba(6, 182, 212, 0.05);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.item-current-3d86 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.sidebar_dark_890d {
    color: var(--text-gray);
    line-height: 1.6;
}

.stone-3e22 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

@media (min-width: 768px) {
    .stone-3e22 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .stone-3e22 {
        grid-template-columns: repeat(3, 1fr);
    }
}

.main_west_c015 {
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.1);
    overflow: hidden;
    transition: var(--transition-normal);
}

.main_west_c015:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

.surface-first-de7e {
    padding: 2rem 1.5rem 1rem;
    text-align: center;
    border-bottom: 1px solid rgba(6, 182, 212, 0.1);
    background: rgba(6, 182, 212, 0.05);
}

.mask-hovered-2892 {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

.content_brown_68ee {
    color: var(--accent-color);
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
}

.text_east_cc28 {
    padding: 0.25rem 0.75rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.text_east_cc28.static_aff6 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.text_east_cc28.tag_8256 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
}

.text_east_cc28.description-thick-5306 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--info-color);
}

.first-4cde {
    padding: 1.5rem;
    text-align: center;
}

.hidden_thick_7eed {
    color: var(--text-gray);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.east_8909 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.east_8909 .image-smooth-d9c5 {
    color: var(--text-gray);
    font-size: 0.875rem;
    text-align: left;
}

.highlight_outer_57d5 {
    display: block;
    width: 100%;
    background: var(--primary-gradient);
    color: var(--primary-bg);
    text-decoration: none;
    text-align: center;
    padding: 0.75rem 1rem;
    border-radius: var(--radius-md);
    font-weight: 600;
    transition: var(--transition-normal);
    border: 1px solid var(--accent-color);
}

.highlight_outer_57d5:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-glow);
}

.tall_61ba {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem;
  margin: 3rem 0;
  padding: 2rem;
  background: rgba(16, 185, 129, 0.05);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(16, 185, 129, 0.2);
}

.alert-83ae {
    text-align: center;
}

.alert-83ae .selected_86bb {
    font-size: 2rem;
    font-weight: 900;
    color: var(--success-color);
    margin-bottom: 0.5rem;
}

.alert-83ae .soft_d28f {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Utility Classes */
.table_4f1a { text-align: center; }
.item-67dd { text-align: left; }
.disabled_first_51d2 { text-align: right; }

.fluid-47c4 { margin-bottom: 0; }
.popup-old-cf4d { margin-bottom: 0.5rem; }
.block-d13e { margin-bottom: 1rem; }
.link_center_0200 { margin-bottom: 1.5rem; }
.image-60ca { margin-bottom: 2rem; }

.grid_slow_d34f { margin-top: 0; }
.pagination_hard_f12e { margin-top: 0.5rem; }
.static-2e0f { margin-top: 1rem; }
.light-d050 { margin-top: 1.5rem; }
.light-979f { margin-top: 2rem; }

.fn-hidden-e0b2 { display: none; }
.fn-visible-e0b2 { display: block; }

/* Responsive Design */
@media (max-width: 767px) {
    .heading-f20e {
        padding: 6rem 0 3rem;
    }
    
    .copper_678d {
        text-align: center;
    }
    
    .gallery_cool_472c {
        text-align: center;
    }
    
    .mini_1e29 {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .slider_liquid_a999,
    .active-bright-6c09,
    .hero-stale-20d3,
    .fast_5a3d {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .heading-f20e {
        background: none;
    }
}

/* Providers Section */
.alert-right-53d8 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.form_outer_8fea {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;
    margin: 2rem 0;
}

@media (min-width: 768px) {
    .form_outer_8fea {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .form_outer_8fea {
        grid-template-columns: repeat(4, 1fr);
    }
}

.thick-257f {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.thick-257f:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-accent);
}

.tall_e6b6 {
    color: var(--accent-color);
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.smooth-cd08 {
    color: var(--text-gray);
    margin-bottom: 1rem;
    line-height: 1.6;
}

.backdrop_plasma_74d7 {
    list-style: none;
    padding: 0;
}

.backdrop_plasma_74d7 li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    position: relative;
    padding-left: 1.5rem;
}

.backdrop_plasma_74d7 li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--success-color);
    font-weight: bold;
}

.large_bc8e {
    text-align: center;
    margin-top: 2rem;
    padding: 1.5rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.large_bc8e p {
    color: var(--text-gray);
    margin: 0;
}

/* Reviews Section */
.notice_wood_1429 {
    padding: var(--section-padding);
}

.backdrop_glass_3dda {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;
    margin: 2rem 0;
}

@media (min-width: 768px) {
    .backdrop_glass_3dda {
        grid-template-columns: repeat(3, 1fr);
    }
}

.progress_south_4caf {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.progress_south_4caf:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

.caption_paper_9b83 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.frame_down_5ee2 {
    display: flex;
    flex-direction: column;
}

.element-c699 {
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.25rem;
}

.secondary-1b80 {
    font-size: 0.875rem;
    color: var(--text-muted);
}

.heading-hot-b936 {
    color: var(--accent-color);
}

.disabled-e290 {
    font-size: 1.25rem;
}

.pagination_42a1 {
    margin-bottom: 1rem;
}

.pagination_42a1 p {
    color: var(--text-gray);
    line-height: 1.6;
    margin: 0;
}

.layout-81d9 {
    font-size: 0.875rem;
    color: var(--text-muted);
}

.feature_c3de {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-top: 3rem;
    padding: 2rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
}

.preview_large_acdc {
    text-align: center;
}

.selected_86bb {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.soft_d28f {
    color: var(--text-gray);
    font-size: 1rem;
}

/* Mobile App Section */
.article_smooth_076c {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.status_f50e {
    margin: 2rem 0;
}

.widget_silver_ecc7 {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
    align-items: flex-start;
}

.widget_silver_ecc7 .fixed-b542 {
    font-size: 2rem;
    flex-shrink: 0;
}

.hot-d09b {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.down-c489 {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    background: var(--card-gradient);
    border: 1px solid rgba(6, 182, 212, 0.2);
    border-radius: var(--radius-lg);
    text-decoration: none;
    transition: var(--transition-normal);
    flex: 1;
    min-width: 200px;
}

.down-c489:hover {
    transform: translateY(-2px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-accent);
}

.sort_a508 {
    font-size: 2rem;
}

.pattern-over-dbfd {
    display: flex;
    flex-direction: column;
}

.alert-lower-4667 {
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.25rem;
}

.module-0afc {
    font-size: 0.875rem;
    color: var(--text-muted);
}

/* Statistics Section */
.prev_010a {
    padding: var(--section-padding);
}

.nav_4713 {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;
    margin: 2rem 0;
}

@media (min-width: 640px) {
    .nav_4713 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .nav_4713 {
        grid-template-columns: repeat(3, 1fr);
    }
}

.modal-e3cd {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    text-align: center;
    transition: var(--transition-normal);
}

.modal-e3cd:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-accent);
}

.modal-e3cd .selected_86bb {
    font-size: 3rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    display: block;
}

.modal-e3cd .soft_d28f {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.75rem;
    display: block;
}

.modal-e3cd .pro-54d4 {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin: 0;
}

.wide_3bee {
    margin-top: 4rem;
}

.highlight_9100 {
    color: var(--accent-color);
    text-align: center;
    margin-bottom: 2rem;
    font-size: 1.75rem;
}

.hovered-a9c9 {
    overflow-x: auto;
}

.badge-d2e3 {
    width: 100%;
    border-collapse: collapse;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.badge-d2e3 thead {
    background: var(--accent-color);
}

.badge-d2e3 th {
    padding: 1rem;
    text-align: left;
    color: var(--primary-bg);
    font-weight: 600;
}

.badge-d2e3 td {
    padding: 1rem;
    color: var(--text-gray);
    border-top: 1px solid rgba(6, 182, 212, 0.2);
}

.badge-d2e3 tbody tr:hover {
    background: rgba(6, 182, 212, 0.1);
}

.badge-d2e3 tbody tr td:first-child {
    font-weight: 600;
    color: var(--text-white);
}

/* FAQ Section */
.liquid-9e91 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.media_down_9b87 {
    max-width: 900px;
    margin: 0 auto;
}

.pattern_cold_ea38 {
    background: var(--card-gradient);
    border: 1px solid rgba(6, 182, 212, 0.2);
    border-radius: var(--radius-lg);
    margin-bottom: 1rem;
    overflow: hidden;
    transition: var(--transition-normal);
}

.pattern_cold_ea38:hover {
    border-color: var(--accent-color);
}

.prev_ef63 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    cursor: pointer;
    user-select: none;
}

.prev_ef63 h3 {
    margin: 0;
    font-size: 1.125rem;
    color: var(--text-white);
    font-weight: 600;
}

.tiny-856c {
    font-size: 1.5rem;
    color: var(--accent-color);
    font-weight: 300;
    transition: transform var(--transition-normal);
}

.pattern_cold_ea38.fn-active-e0b2 .tiny-856c {
    transform: rotate(45deg);
}

.middle-1f43 {
    max-height: 0;
    overflow: hidden;
    transition: max-height var(--transition-normal);
}

.pattern_cold_ea38.fn-active-e0b2 .middle-1f43 {
    max-height: 1000px;
}

.middle-1f43 p {
    padding: 0 1.5rem 1.5rem;
    color: var(--text-gray);
    line-height: 1.8;
    margin: 0;
}

/* Download Instructions Section */
.background-c5e8 {
    padding: var(--section-padding);
}

.brown-4c44 {
    margin: 2rem 0;
    text-align: center;
}

/* System Requirements Section */
.hero_26cd {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.accordion-current-d8aa {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

@media (min-width: 768px) {
    .accordion-current-d8aa {
        grid-template-columns: repeat(2, 1fr);
    }
}

.pagination_huge_513e {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.middle_09d3 {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.row-black-348b {
    font-size: 2rem;
}

.filter-inner-b032 {
    color: var(--text-white);
    margin: 0;
}

.bottom_faef {
    list-style: none;
    padding: 0;
}

.bottom_faef li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

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

.input_rough_3446 {
    margin-top: 1.5rem;
    padding: 1rem;
    background: rgba(16, 185, 129, 0.1);
    border-radius: var(--radius-md);
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.input_rough_3446 p {
    color: var(--success-color);
    margin: 0;
}

.west-b807 {
    margin-top: 3rem;
}

.row-last-58f6 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

.surface_under_6eef {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 640px) {
    .surface_under_6eef {
        grid-template-columns: repeat(2, 1fr);
    }
}

.status_9e0d {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    background: var(--card-gradient);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.1);
}

.pro_13a1 {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.status_9e0d p {
    color: var(--text-gray);
    margin: 0;
}

/* User Stories Section */
.fluid_823b {
    padding: var(--section-padding);
}

.thick_f398 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

@media (min-width: 768px) {
    .thick_f398 {
        grid-template-columns: repeat(3, 1fr);
    }
}

.bright_968b {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.bright_968b:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

.status_f876 {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.banner-under-3064 {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--accent-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.full-3b0e {
    flex: 1;
}

.alert-basic-f384 {
    color: var(--text-white);
    margin: 0 0 0.25rem 0;
    font-weight: 600;
}

.right_9324 {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin: 0;
}

.shadow-8f03 {
    color: var(--text-gray);
    line-height: 1.6;
}

.wood-e0f2 {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.wood-e0f2:last-child {
    border-bottom: none;
}

/* Comparison Section */
.widget-0761 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

/* Bonus Calculator Section */
.main_40a6 {
    padding: var(--section-padding);
}

.gallery_south_ec18 {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 2px solid var(--accent-color);
    margin: 2rem 0;
    text-align: center;
}

.filter_08f2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin: 2rem 0;
}

@media (min-width: 768px) {
    .filter_08f2 {
        grid-template-columns: repeat(3, 1fr);
    }
}

.button_light_8b3e {
    background: var(--card-gradient);
    padding: 1.5rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.hidden_4dd3, .list-middle-cca3, .pro_6a98 {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

.pro_6a98 {
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1.125rem;
    margin-top: 0.5rem;
    border-top: 1px solid rgba(6, 182, 212, 0.2);
    padding-top: 0.75rem;
}

/* Terms Section */
.widget_86bf {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.purple-6fea {
    margin: 2rem 0;
}

.accordion-d0b1 {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    margin-bottom: 2rem;
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.hot-870b {
    color: var(--accent-color);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.breadcrumb-15df {
    list-style: none;
    padding: 0;
}

.breadcrumb-15df li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 1.5rem;
    position: relative;
}

.breadcrumb-15df li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: var(--accent-color);
}

.breadcrumb-15df li:last-child {
    border-bottom: none;
}

.secondary-d48b {
    text-align: center;
    margin-top: 2rem;
}

.focused_aee8 {
    color: var(--text-gray);
    margin-bottom: 1rem;
}

/* Winners Section */
.title-thick-ffb8 {
    padding: var(--section-padding);
}

.thumbnail_steel_451a {
    margin: 2rem 0;
}

.badge-ba51 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    margin-bottom: 1rem;
    border: 1px solid rgba(6, 182, 212, 0.2);
    gap: 1.5rem;
    transition: var(--transition-normal);
}

@media (max-width: 768px) {
    .badge-ba51 {
        flex-direction: column;
        align-items: flex-start;
    }
}

.badge-ba51:hover {
    transform: translateX(4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-md);
}

.panel-b2e2 {
    color: var(--text-muted);
    font-size: 0.875rem;
    white-space: nowrap;
}

.image-wide-bb75 {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

.short-df85 {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--accent-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.banner-bb19 {
    flex: 1;
}

.photo_1d22 {
    color: var(--text-white);
    margin: 0 0 0.25rem 0;
    font-weight: 600;
}

.wood_0b08 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

.article_current_0916 {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    white-space: nowrap;
}

.column_tall_77e8 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 3rem 0;
}

@media (max-width: 768px) {
    .column_tall_77e8 {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

.aside_6ec3 {
    text-align: center;
    padding: 2rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.aside_6ec3:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-accent);
}

.aside_6ec3 .selected_86bb {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.aside_6ec3 .soft_d28f {
    color: var(--text-gray);
    font-size: 1rem;
}

.popup_4f1d {
    text-align: center;
    margin-top: 3rem;
    padding: 2rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.footer-4bb7 {
    color: var(--text-gray);
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
}

.footer-4bb7 strong {
    color: var(--accent-color);
}

/* Bonus Calculator Additional Styles */
.surface_light_0b81 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

@media (min-width: 1024px) {
    .surface_light_0b81 {
        grid-template-columns: 1fr 1fr;
    }
}

.accent_yellow_1765 {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.container_stone_ec66 {
    margin-bottom: 1.5rem;
}

.container_stone_ec66 label {
    display: block;
    color: var(--text-white);
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.container_stone_ec66 input,
.container_stone_ec66 select {
    width: 100%;
    padding: 0.75rem 1rem;
    background: var(--secondary-bg);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--radius-md);
    color: var(--text-white);
    font-size: 1rem;
}

.container_stone_ec66 input:focus,
.container_stone_ec66 select:focus {
    outline: none;
    border-color: var(--accent-color);
    box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.1);
}

.sidebar_9e86 {
    width: 100%;
    margin-top: 1rem;
}

.secondary-b07a {
    display: flex;
    align-items: center;
}

.section_926c {
    color: var(--text-white);
    margin-bottom: 1rem;
    text-align: center;
}

.lower-34bc {
    font-size: 3rem;
    font-weight: 700;
    color: var(--accent-color);
    text-align: center;
    margin: 1.5rem 0;
}

.fast_5281 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-md);
    margin: 1.5rem 0;
}

.notification_liquid_4976 {
    color: var(--text-gray);
}

.caption_3186 {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
}

.banner_e00b {
    margin-top: 1.5rem;
    padding: 1rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--warning-color);
}

.banner_e00b p {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.875rem;
}

.image_middle_38c1 {
    margin-top: 3rem;
}

.filter_focused_d716 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    text-align: center;
}

/* Live Stats Section */
.caption_47a7 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.footer_cool_e1b2 {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    text-align: center;
}

.article_bronze_8ef6 {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.article_bronze_8ef6:last-child {
    border-bottom: none;
}

/* Game Rules Section */
.iron_2ac6 {
    padding: var(--section-padding);
}

.smooth-69a3 {
    margin: 2rem 0;
}

.static_9ff7 {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

.status_warm_63f0 {
    padding: 1rem 1.5rem;
    background: var(--secondary-bg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    border-radius: var(--radius-md);
    color: var(--text-gray);
    cursor: pointer;
    transition: var(--transition-normal);
    font-weight: 600;
}

.status_warm_63f0:hover, .status_warm_63f0.fn-active-e0b2 {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.dark-52e0 {
    display: none;
}

.dark-52e0.fn-active-e0b2 {
    display: block;
}

.gallery-hot-607b {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.thumbnail-7ec8 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

.sidebar-d86f h4 {
    color: var(--text-white);
    margin: 1.5rem 0 1rem 0;
}

.sidebar-d86f ul {
    list-style: none;
    padding: 0;
}

.sidebar-d86f ul li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
}

.sidebar-d86f ul li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: var(--accent-color);
}

.table_red_f1e0 {
    margin-top: 1.5rem;
    padding: 1rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--accent-color);
    color: var(--text-gray);
}

/* Historical Data Section */
.card_c320 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.selected-4c17 {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.gold-3263 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.mini_fe58 {
    color: var(--accent-color);
    margin: 0;
}

.hover_4269 {
    display: flex;
    gap: 1.5rem;
}

.rough-5b1b {
    color: var(--text-gray);
    font-size: 0.875rem;
}

.block_iron_f6dd {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 2rem 0;
}

.widget_9509 {
    padding: 0.5rem 1rem;
    border-radius: var(--radius-md);
    font-weight: 600;
    font-size: 0.875rem;
}

.widget_9509.mask-hovered-5468 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.widget_9509.button_d966 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

.widget_9509.popup_dcde {
    background: rgba(239, 68, 68, 0.2);
    color: var(--danger-color);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.surface_3b76 {
    margin-top: 2rem;
}

.new_3b29 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

.slow-cecc {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 1.5rem 0;
}

@media (min-width: 640px) {
    .slow-cecc {
        grid-template-columns: repeat(4, 1fr);
    }
}

.paper_a694 {
    text-align: center;
    padding: 1rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-md);
}

.dirty-b9d8 {
    color: var(--text-gray);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.module_new_d9af {
    color: var(--accent-color);
    font-size: 1.5rem;
    font-weight: 700;
}

.light-9fc4 {
    margin-top: 1.5rem;
    padding: 1rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-md);
    color: var(--text-gray);
}

/* Responsible Gaming Section */
.dim_c9b8 {
    padding: var(--section-padding);
}

.stale_40c1 {
    margin: 2rem 0;
}

.west-c834 {
    background: rgba(245, 158, 11, 0.1);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 2px solid var(--warning-color);
    margin-bottom: 2rem;
}

.filter-e17b {
    color: var(--warning-color);
    margin-bottom: 1rem;
}

.pressed-ad70 {
    list-style: none;
    padding: 0;
}

.pressed-ad70 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    border-bottom: 1px solid rgba(245, 158, 11, 0.2);
    padding-left: 1.5rem;
    position: relative;
}

.pressed-ad70 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
}

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

.logo_current_6689 {
    margin: 2rem 0;
}

.thumbnail-cd92 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

.hard_2a69 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 640px) {
    .hard_2a69 {
        grid-template-columns: repeat(2, 1fr);
    }
}

.thick-ffc2 {
    background: var(--card-gradient);
    padding: 1.5rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.description_advanced_fb76 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.down_1ed4 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

.gas_3e2d {
    margin-top: 2rem;
}

.notification-5471 {
    color: var(--success-color);
    margin-bottom: 1.5rem;
}

.message_abcc {
    list-style: none;
    padding: 0;
}

.huge_009b {
    padding: 1rem;
    background: var(--card-gradient);
    border-radius: var(--radius-md);
    margin-bottom: 0.75rem;
    color: var(--text-gray);
}

.huge_009b a {
    color: var(--accent-color);
    text-decoration: none;
}

.huge_009b a:hover {
    text-decoration: underline;
}

.detail-wide-70c2 {
    margin-top: 1.5rem;
    padding: 1rem;
    background: rgba(16, 185, 129, 0.1);
    border-radius: var(--radius-md);
    color: var(--text-gray);
    border-left: 4px solid var(--success-color);
}

/* League Coverage Section */
.status_in_fa95 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.article_0ad6 {
    margin: 2rem 0;
}

.hero-7904 {
    margin-bottom: 3rem;
}

.hero-7904 .hot-870b {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

.panel_soft_f7f4 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.cool-da8e {
    padding: 0.75rem 1.25rem;
    background: var(--card-gradient);
    border: 1px solid rgba(6, 182, 212, 0.2);
    border-radius: var(--radius-full);
    color: var(--text-gray);
    font-size: 0.875rem;
    transition: var(--transition-normal);
}

.cool-da8e:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.middle_1d04 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-top: 3rem;
}

@media (min-width: 768px) {
    .middle_1d04 {
        grid-template-columns: repeat(4, 1fr);
    }
}

.filter-warm-649c {
    text-align: center;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

/* Odds Comparison Section */
.chip_slow_efce {
    padding: var(--section-padding);
}

.column_fd93 {
    margin: 2rem 0;
}

.upper-51e3 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

.fluid_2e2a {
    overflow-x: auto;
    margin: 2rem 0;
}

.message_fluid_5477 {
    background: rgba(6, 182, 212, 0.1) !important;
}

.secondary-eb1a {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: var(--success-color);
    color: var(--text-white);
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
}

.widget_hot_1f62 {
    margin-top: 1.5rem;
    padding: 1rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-md);
    color: var(--text-gray);
}

.paragraph-right-0db0 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-top: 2rem;
}

@media (min-width: 768px) {
    .paragraph-right-0db0 {
        grid-template-columns: repeat(3, 1fr);
    }
}

.wide-78d1 {
    text-align: center;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.wide-78d1 .fixed-b542 {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

.wide-78d1 .basic_8c15 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.fresh_64f4 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

/* Expert Analysis Section */
.solid-1040 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.content_inner_07ad {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

@media (min-width: 768px) {
    .content_inner_07ad {
        grid-template-columns: repeat(3, 1fr);
    }
}

.bottom-f0e0 {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
    display: flex;
    flex-direction: column;
}

.bottom-f0e0:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
    border-color: var(--accent-color);
}

.full-fb14 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.bottom-4e7e {
    padding: 0.5rem 1rem;
    background: rgba(6, 182, 212, 0.2);
    border-radius: var(--radius-full);
    color: var(--accent-color);
    font-size: 0.875rem;
    font-weight: 600;
}

.box_038b {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.dirty_2b56 {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
    line-height: 1.4;
}

.dropdown_fast_e90b {
    color: var(--text-gray);
    line-height: 1.6;
    margin-bottom: 1.5rem;
    flex: 1;
}

.alert-next-83ea {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.secondary_4c48 {
    color: var(--text-white);
    font-weight: 600;
}

.slow_099c {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.hovered-2013 {
    display: flex;
    gap: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.hovered-2013 .component-copper-0ce0 {
    color: var(--text-gray);
    font-size: 0.875rem;
}

.pagination_new_0323 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin: 3rem 0;
}

@media (min-width: 768px) {
    .pagination_new_0323 {
        grid-template-columns: repeat(4, 1fr);
    }
}

.banner_iron_cffe {
    text-align: center;
    padding: 2rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.banner_iron_cffe:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-accent);
}

.banner_iron_cffe .selected_86bb {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.banner_iron_cffe .soft_d28f {
    color: var(--text-gray);
    font-size: 1rem;
}

.mask-7e56 {
    text-align: center;
    margin-top: 3rem;
    padding: 2rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.plasma-70f3 {
    color: var(--text-gray);
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.6;
}

.plasma-70f3 strong {
    color: var(--accent-color);
}

/* Football Leagues Section */
.orange-43b4 {
    margin: 2rem 0;
}

.icon-slow-07c3 {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    background: var(--card-gradient);
    border-radius: var(--radius-md);
    margin-bottom: 1rem;
    border: 1px solid rgba(6, 182, 212, 0.1);
    transition: var(--transition-normal);
}

.icon-slow-07c3:hover {
    border-color: var(--accent-color);
    transform: translateX(4px);
}

.button-f5c0 {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.pink-bfce {
    flex: 1;
}

.panel-95d7 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.notification_2ded {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

/* Live Features Section */
.container_9318 {
    margin: 2rem 0;
}

.box_204f {
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    margin-bottom: 1rem;
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.box_204f .basic_8c15 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

.box_204f .filter-160b {
    color: var(--text-gray);
    margin: 0;
}

.tertiary_hovered_f8eb {
    margin: 2rem 0;
    padding: 1.5rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--accent-color);
}

.tertiary_hovered_f8eb .inner-43f7 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

/* Odds Feature Description */
.fresh_64f4 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

/* Bonus Tier Styles */
.up-92c2 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--accent-color);
    color: var(--primary-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    flex-shrink: 0;
}

.prev-9c69 {
    flex: 1;
}

.thumbnail-rough-b881 {
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1.125rem;
    margin: 0.5rem 0;
}

.center_fbcb {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

/* Step Content Styles */
.iron_4b54 {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--accent-color);
    color: var(--primary-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.east-99f6 {
    flex: 1;
}

.content-5c80 {
    color: var(--text-white);
    margin-bottom: 0.5rem;
}

.filter_plasma_c62c {
    color: var(--text-gray);
    margin: 0;
}

/* Strategy Item Additional Styles */
.frame_6e84 {
    color: var(--text-white);
    margin-bottom: 0.75rem;
}

.highlight_fc3c {
    color: var(--text-gray);
    margin-bottom: 1rem;
}

.background-e21f {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.background-e21f .component-copper-0ce0 {
    padding: 0.5rem 1rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-md);
    color: var(--text-gray);
    font-size: 0.875rem;
}

.layout_3c8e {
    margin-top: 2rem;
}

.layout_3c8e .row-last-58f6 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

/* Game Categories Section */
.chip-caad {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.info-d507 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}

@media (min-width: 640px) {
    .info-d507 {
        grid-template-columns: repeat(4, 1fr);
    }
}

.info-d507 .preview_large_acdc {
    text-align: center;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.detail-old-ba73 {
    margin: 2rem 0;
}

.fixed-5fec {
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    margin-bottom: 1rem;
    border: 1px solid rgba(6, 182, 212, 0.2);
}

/* Game Features Section */
.shadow-3031 {
    padding: var(--section-padding);
}

.info_5bde {
    margin-top: 1rem;
}

.clean-0eb1 {
    list-style: none;
    padding: 0;
    margin-top: 1rem;
}

.clean-0eb1 li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
}

.clean-0eb1 li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--success-color);
    font-weight: bold;
}

/* RTP Info Section */
.liquid_76b1 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.first_f693 {
    margin: 2rem 0;
}

.south-698e {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    margin-bottom: 3rem;
}

.image_7854 {
    color: var(--accent-color);
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.text-fluid-af9a {
    color: var(--text-gray);
    line-height: 1.8;
    margin: 0;
}

.paragraph_59c0 {
    margin: 2rem 0;
}

.row_b781 {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    margin-bottom: 2rem;
}

.row_b781 .hot-870b {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.header-ae99 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 640px) {
    .header-ae99 {
        grid-template-columns: repeat(2, 1fr);
    }
}

.silver_a7f3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: var(--secondary-bg);
    border-radius: var(--radius-md);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.iron_243d {
    color: var(--text-white);
    font-weight: 600;
}

.nav_959d {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1.125rem;
}

.notification_liquid_f1a1 {
    margin-top: 2rem;
    padding: 1.5rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.notification_liquid_f1a1 p {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

/* Tips Section */
.yellow-46b0 {
    padding: var(--section-padding);
}

.full-9692 {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.full-9692:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
    border-color: var(--accent-color);
}

.modal_304f {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.modal_304f .pro_13a1 {
    font-size: 2rem;
    flex-shrink: 0;
}

.modal_304f .highlight_top_5263 {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

.orange_8eca {
    flex: 1;
}

.hover_a7dd {
    color: var(--text-gray);
    margin-bottom: 1rem;
    line-height: 1.6;
}

.static_1518 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.static_1518 li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
}

.static_1518 li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: var(--accent-color);
    font-weight: bold;
}

.link-dim-61df {
    margin-top: 3rem;
    padding: 1.5rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.link-dim-61df p {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.link-dim-61df strong {
    color: var(--warning-color);
}

/* Slots Section */
.hover-e5f7 {
    padding: var(--section-padding);
}

.title-107b {
    margin: 2rem 0;
}

/* Table Games Section */
.table-light-dbe4 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.dim-f563 {
    margin: 2rem 0;
}

.preview-complex-dc3e {
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    margin-bottom: 1rem;
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.preview-complex-dc3e:hover {
    transform: translateX(4px);
    border-color: var(--accent-color);
}

.preview-complex-dc3e .complex_3ae5 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.preview-complex-dc3e .summary_south_c20f {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

.popup_2ce0 {
    margin: 2rem 0;
    padding: 1.5rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--accent-color);
}

.popup_2ce0 .inner-43f7 {
    color: var(--text-gray);
    margin: 0;
    text-align: center;
    font-size: 1.125rem;
}

/* Filters Section */
.tall-a573 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.cool_89af {
    margin: 2rem 0;
}

.status-bottom-5b6b {
    margin-bottom: 3rem;
    padding: 2rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.hover_f8d8 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.copper_ecf0 {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.footer-new-5784 {
    padding: 0.75rem 1.5rem;
    background: var(--secondary-bg);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--radius-full);
    color: var(--text-white);
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    transition: var(--transition-normal);
}

.footer-new-5784:hover {
    background: var(--accent-color);
    border-color: var(--accent-color);
    transform: translateY(-2px);
}

.footer-new-5784.fn-active-e0b2 {
    background: var(--accent-color);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

.glass-57c1 {
    margin-top: 2rem;
    padding: 1.5rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--accent-color);
}

.highlight-middle-ea73 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.highlight-middle-ea73 strong {
    color: var(--accent-color);
}

/* Hot Games Section */
.blue_a095 {
    padding: var(--section-padding);
}

.panel-dynamic-e459 {
    margin: 2rem 0;
}

.element-hard-dbbd {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    margin-bottom: 1.5rem;
    transition: var(--transition-normal);
}

.element-hard-dbbd:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-md);
}

@media (max-width: 768px) {
    .element-hard-dbbd {
        flex-direction: column;
        align-items: flex-start;
    }
}

.paper-b246 {
    font-size: 2rem;
    font-weight: 700;
    color: var(--accent-color);
    min-width: 60px;
    text-align: center;
}

.footer_south_50ca {
    flex: 1;
}

.purple-5084 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.blue_eab4 {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

.accent_clean_e189 {
    padding: 0.375rem 0.875rem;
    background: var(--accent-color);
    border-radius: var(--radius-full);
    color: var(--primary-bg);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.tabs_motion_328c {
    color: var(--text-gray);
    margin-bottom: 1rem;
    line-height: 1.6;
}

.form_bottom_414a {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.surface-41c5 {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.focus_5d55 {
    padding: 0.875rem 2rem;
    background: var(--primary-gradient);
    border-radius: var(--radius-md);
    color: var(--primary-bg);
    font-weight: 600;
    text-decoration: none;
    transition: var(--transition-normal);
    white-space: nowrap;
}

.focus_5d55:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-glow);
}

.status_a886 {
    margin-top: 3rem;
    padding: 1.5rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--accent-color);
}

.accent-5dd3 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.accent-5dd3 strong {
    color: var(--accent-color);
}

/* New Games Section */
.widget_2d5a {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.secondary-2152 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

@media (min-width: 640px) {
    .secondary-2152 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .secondary-2152 {
        grid-template-columns: repeat(4, 1fr);
    }
}

.bright-0bfa {
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    padding: 1.5rem;
    position: relative;
    transition: var(--transition-normal);
    display: flex;
    flex-direction: column;
}

.bright-0bfa:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-md);
}

.form-silver-da9d {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 0.375rem 0.875rem;
    background: var(--warning-color);
    border-radius: var(--radius-full);
    color: var(--primary-bg);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.modal-f477 {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-top: 1rem;
}

.pink_4f56 {
    font-size: 2rem;
}

.current_667c {
    color: var(--text-white);
    margin: 0;
    font-size: 1.125rem;
}

.box-clean-e241 {
    flex: 1;
}

.gallery_static_67e4 {
    color: var(--text-gray);
    margin-bottom: 1rem;
    line-height: 1.6;
    font-size: 0.9375rem;
}

.element_797b {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.tabs-south-ce6f {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.primary-feb9 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.tabs-a0b5 {
    padding: 0.375rem 0.75rem;
    background: rgba(6, 182, 212, 0.2);
    border-radius: var(--radius-md);
    color: var(--accent-color);
    font-size: 0.75rem;
    font-weight: 500;
}

.thumbnail_0d95 {
    padding: 0.875rem 1.5rem;
    background: var(--primary-gradient);
    border-radius: var(--radius-md);
    color: var(--primary-bg);
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: var(--transition-normal);
    display: block;
}

.thumbnail_0d95:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-glow);
}

.preview-prev-0a91 {
    margin-top: 3rem;
    padding: 2rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.gradient-fresh-ca18 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.steel_c3ea {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
    .steel_c3ea {
        grid-template-columns: repeat(3, 1fr);
    }
}

.north-8e9f {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: var(--secondary-bg);
    border-radius: var(--radius-md);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.out-58ba {
    color: var(--text-white);
    font-weight: 600;
}

.paragraph_silver_dbb0 {
    color: var(--accent-color);
    font-weight: 600;
}

.description-1de3 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
    text-align: center;
}

.description-1de3 strong {
    color: var(--accent-color);
}

/* Security Section */
.solid-8ed0 {
    padding: var(--section-padding);
}

/* Benefits Section */
.glass-3304 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

/* Help Section */
.rough-8481 {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.banner_d7a7 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.bottom-5963 {
    margin: 3rem 0;
    display: grid;
    gap: 2rem;
}

.slow_3ef8 {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    padding: 2rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

@media (max-width: 768px) {
    .slow_3ef8 {
        flex-direction: column;
        gap: 1rem;
    }
}

.slow_3ef8:hover {
    transform: translateX(4px);
    border-color: var(--accent-color);
}

.slow_3ef8 .iron_4b54 {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--primary-gradient);
    color: var(--primary-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.slow_3ef8 .east-99f6 {
    flex: 1;
}

.slow_3ef8 .content-5c80 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

.slow_3ef8 .filter_plasma_c62c {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

.medium_d275 {
    margin: 3rem 0;
    padding: 2rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.medium_d275 .focus-slow-d674 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.medium_d275 .overlay_a3fe {
    list-style: none;
    padding: 0;
    margin: 0;
}

.medium_d275 .overlay_a3fe li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
}

.medium_d275 .overlay_a3fe li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--success-color);
    font-weight: bold;
}

.medium-7215 {
    text-align: center;
    margin-top: 2rem;
}

/* Quick Registration Section */
.section-9751 {
    padding: var(--section-padding);
}

.pattern-dim-d5fe {
    margin: 2rem 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 640px) {
    .pattern-dim-d5fe {
        grid-template-columns: repeat(3, 1fr);
    }
}

.header_5b57 {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.header_5b57:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
}

.header_5b57 .north-0419 {
    font-size: 2rem;
    flex-shrink: 0;
}

.header_5b57 .pagination-ef88 {
    flex: 1;
}

.header_5b57 .full_560d {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.header_5b57 .carousel-gas-3307 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

.row-ad44 {
    margin: 2rem 0;
    padding: 2rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.row-ad44 .media-lite-e413 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.row-ad44 .input-7c44 {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

.row-ad44 .input-7c44 li {
    counter-increment: step-counter;
    padding: 1rem 0 1rem 3rem;
    color: var(--text-gray);
    position: relative;
    line-height: 1.8;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.row-ad44 .input-7c44 li:last-child {
    border-bottom: none;
}

.row-ad44 .input-7c44 li::before {
    content: counter(step-counter);
    position: absolute;
    left: 0;
    top: 1rem;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--primary-gradient);
    color: var(--primary-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.875rem;
}

.row-ad44 .input-7c44 li strong {
    color: var(--text-white);
}

.label-pro-201a {
    margin: 2rem 0;
    padding: 1.5rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--accent-color);
}

.label-pro-201a p {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.label-pro-201a strong {
    color: var(--accent-color);
}

/* Security Tips Section */
.green_405d {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.next_fc01 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

@media (min-width: 640px) {
    .next_fc01 {
        grid-template-columns: repeat(2, 1fr);
    }
}

.list_wide_bc41 {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.list_wide_bc41:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-md);
}

.left_ba8d {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.brown_f424 {
    font-size: 2rem;
}

.action_a6c3 {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

.notification-99c7 {
    flex: 1;
}

.search-out-88ba {
    list-style: none;
    padding: 0;
    margin: 0;
}

.search-out-88ba li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
}

.search-out-88ba li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: var(--accent-color);
    font-weight: bold;
}

.container-gold-ec73 {
    margin-top: 3rem;
}

.west-c834 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.filter-e17b {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.pressed-ad70 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pressed-ad70 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.pressed-ad70 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.pressed-ad70 li strong {
    color: var(--warning-color);
}

/* Tech Stack Section */
.slider_fixed_f7dd {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.container_advanced_69f8 {
    margin: 2rem 0;
}

.huge_34a5 {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    margin-bottom: 2rem;
}

.huge_34a5 .hot-870b {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.carousel_solid_e43b {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 640px) {
    .carousel_solid_e43b {
        grid-template-columns: repeat(2, 1fr);
    }
}

.section-72d1 {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    background: var(--secondary-bg);
    border-radius: var(--radius-md);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: var(--transition-normal);
}

.section-72d1:hover {
    border-color: var(--accent-color);
    transform: translateX(4px);
}

.backdrop-inner-e82b {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.bright-1688 {
    color: var(--text-muted);
    font-size: 0.875rem;
}

/* Performance Section */
.pagination_3852 {
    padding: var(--section-padding);
}

.dynamic_e0be {
    margin: 2rem 0;
}

.full-a7e8 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

@media (min-width: 640px) {
    .full-a7e8 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .full-a7e8 {
        grid-template-columns: repeat(3, 1fr);
    }
}

.brown_fdfb {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.brown_fdfb:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-md);
}

.card-gold-0f06 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.secondary-over-932d {
    color: var(--text-white);
    margin: 0;
    font-size: 1rem;
}

.tertiary-9d08 {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.tertiary-9d08.footer-40b6 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.text-bright-31e9 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.hard_34a4 {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.main_9666 {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.paragraph_hard_737f {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.section_easy_809e {
    margin-top: 3rem;
    padding: 1.5rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--accent-color);
}

.section_easy_809e p {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.section_easy_809e strong {
    color: var(--accent-color);
}

/* Update Log Section */
.text-green-7780 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.west-b85e {
    margin: 2rem 0;
}

.soft-9f47 {
    display: flex;
    gap: 2rem;
    padding: 2rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    margin-bottom: 2rem;
    position: relative;
    transition: var(--transition-normal);
}

@media (max-width: 768px) {
    .soft-9f47 {
        flex-direction: column;
        gap: 1rem;
    }
}

.soft-9f47:hover {
    transform: translateX(4px);
    border-color: var(--accent-color);
}

.soft-9f47::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--primary-gradient);
    border-radius: var(--radius-lg) 0 0 var(--radius-lg);
}

.shade_3fc4 {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.icon-a3ba {
    flex: 1;
}

.fluid_edd7 {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.chip_narrow_79fe {
    list-style: none;
    padding: 0;
    margin: 0;
}

.chip_narrow_79fe li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.badge-aeeb {
    margin-top: 3rem;
    padding: 2rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.backdrop_15ad {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.accordion-dark-09d8 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 640px) {
    .accordion-dark-09d8 {
        grid-template-columns: repeat(3, 1fr);
    }
}

.cold_be02 {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    background: var(--secondary-bg);
    border-radius: var(--radius-md);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.stale-d2b8 {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.menu-ce0c {
    flex: 1;
}

.active-99d2 {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

.dim-d3f4 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

.disabled-copper-bdf6 {
    margin-top: 2rem;
    text-align: center;
}

.focused-63fa {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.focused-63fa strong {
    color: var(--accent-color);
}

/* Promo Highlights */
.input_67d3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

@media (min-width: 768px) {
    .input_67d3 {
        grid-template-columns: repeat(4, 1fr);
    }
}

.tabs-green-7f41 {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.tabs-green-7f41:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-md);
}

.tabs-green-7f41 .hovered_93d6 {
    font-size: 2rem;
    flex-shrink: 0;
}

.tabs-green-7f41 .label-c4ca {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.tabs-green-7f41 .east_b650 {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

.tabs-green-7f41 .list-dc3e {
    color: var(--accent-color);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Featured Promos Section */
.badge-4627 {
    padding: var(--section-padding);
}

.input-928b .panel_4a5a {
    flex: 1;
}

/* Promo Calendar Section */
.notice_62b9 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.pressed_2981 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

@media (min-width: 768px) {
    .pressed_2981 {
        grid-template-columns: repeat(3, 1fr);
    }
}

.fast_863d {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.focus-fresh-97b8 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.fixed_cb51 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sort-5a1a {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
    background: var(--secondary-bg);
    border-radius: var(--radius-md);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.cool-52f0 {
    color: var(--accent-color);
    font-weight: 600;
    font-size: 0.875rem;
}

.light_e322 {
    color: var(--text-white);
    font-size: 0.9375rem;
}

.accent_7d08 {
    margin-top: 2rem;
    padding: 1.5rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--accent-color);
}

.accent_7d08 p {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.accent_7d08 strong {
    color: var(--accent-color);
}

/* Requirements Section */
.input-old-b9a3 {
    padding: var(--section-padding);
}

.photo_selected_95e0 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

@media (min-width: 640px) {
    .photo_selected_95e0 {
        grid-template-columns: repeat(2, 1fr);
    }
}

.gold_c4ee {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.paragraph_hot_3384 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.form-24cb {
    list-style: none;
    padding: 0;
    margin: 0;
}

.form-24cb li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.container_7ee7 {
    margin-top: 3rem;
}

.container_7ee7 .west-c834 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.container_7ee7 .filter-e17b {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.container_7ee7 .pressed-ad70 {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.container_7ee7 .pressed-ad70 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.container_7ee7 .pressed-ad70 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.container_7ee7 .pressed-ad70 li strong {
    color: var(--warning-color);
}

.photo_3104 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.photo_3104 strong {
    color: var(--accent-color);
}

/* Winners Hall Section */
.small_312d {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.outline-gas-42b9 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

@media (min-width: 768px) {
    .outline-gas-42b9 {
        grid-template-columns: repeat(3, 1fr);
    }
}

.hovered-dd69 {
    background: var(--card-gradient);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.hovered-dd69 .hot-870b {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.content-51c6 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.primary_b413 {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1rem;
    background: var(--secondary-bg);
    border-radius: var(--radius-md);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: var(--transition-normal);
}

.primary_b413:hover {
    transform: translateX(4px);
    border-color: var(--accent-color);
}

.overlay_5fa6 {
    font-size: 2rem;
    flex-shrink: 0;
}

.pagination_9bf2 {
    flex: 1;
}

.surface-8eb1 {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.25rem;
    font-size: 1.125rem;
}

.current_ac80 {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.tooltip-full-50c8 {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

.south-3de1 {
    color: var(--text-gray);
    font-size: 0.875rem;
}

.video-upper-6b53 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin: 3rem 0;
}

@media (min-width: 640px) {
    .video-upper-6b53 {
        grid-template-columns: repeat(4, 1fr);
    }
}

.picture_875d {
    text-align: center;
    padding: 2rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.picture_875d:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-accent);
}

.texture_e057 {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.in_9ee8 {
    color: var(--text-gray);
    font-size: 1rem;
}

.footer-4bb7 {
    text-align: center;
    margin-top: 3rem;
    padding: 2rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.feature_tall_b43e {
    color: var(--text-gray);
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.6;
}

.feature_tall_b43e strong {
    color: var(--accent-color);
}

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.accordion_d95c { width:100%; max-width:1200px; padding:0 16px; box-sizing:border-box; }
* { box-sizing:border-box; }

img, video, svg { max-width:100%; height:auto; display:block; }
.section-52a7, .status_pro_c308 { max-width:100%; height:auto; }

.hover-active-e31d, .focus_short_6a07, .border-iron-841a { white-space:normal; }

.copper_678d,
.gallery_cool_472c,
.progress_9ab8,
.input_67d3,
.container_9318,
.stone-3e22 {
  flex-wrap:wrap;
}

[class*="grid"],
.video-upper-6b53,
.full-a7e8,
.nav_warm_e8b2 {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.heading-f20e img,
.gallery_cool_472c img,
.column_1e0f img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.stone-8e86, .sidebar-0df8,
.secondary-d88f, .hard_2eea {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.hovered-a9c9 { width:100%; overflow-x:auto; }
.hovered-a9c9 table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.form_outer_8fea {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .form_outer_8fea {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.thick-257f {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.nav_4713,
.row_down_5a4e,
.search-c4eb,
.icon_54f2,
.column_tall_77e8,
.video-upper-6b53,
.full-a7e8,
.nav_warm_e8b2,
.tall_61ba,
.panel-dynamic-e459,
.form_outer_8fea {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .nav_4713,
  .row_down_5a4e,
  .search-c4eb,
  .icon_54f2,
  .column_tall_77e8,
  .video-upper-6b53,
  .full-a7e8,
  .nav_warm_e8b2,
  .tall_61ba,
  .panel-dynamic-e459,
  .form_outer_8fea {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.modal-e3cd,
.aside_6ec3,
.picture_875d,
.layout-static-81d3,
.brown_fdfb,
.alert-83ae,
.element-hard-dbbd,
.thick-257f {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.paper_d104,
.summary-inner-b927,
.steel-dc4a {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.paper_d104 > *,
.summary-inner-b927 > *,
.steel-dc4a > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: 51b8 */
.promo-block-r3 {
  padding: 0.2rem;
  font-size: 14px;
  line-height: 1.0;
}