/* {$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;
}

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

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

@media (min-width: 640px) {
    .accordion-dynamic-94ba {
        padding: 0 1.5rem;
    }
}

@media (min-width: 1024px) {
    .accordion-dynamic-94ba {
        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 */
.pattern_bronze_0b38 {
    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);
}

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .simple-180e {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .cold-894f {
        grid-column: 1;
    }
    
    .hidden-74b5 {
        grid-column: 2;
    }
    
    .modal_c3e2 {
        grid-column: 3;
    }
}

.cold-894f img {
    height: 50px;
    width: auto;
    transition: var(--transition-fast);
}

.cold-894f:hover img {
    transform: scale(1.05);
}

/* Navigation */
.alert-73ab {
    display: none;
}

@media (min-width: 1024px) {
    .alert-73ab {
        display: block;
    }
}

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

.lower_ce33 {
    position: relative;
}

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

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

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

.middle_9bc5 {
    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;
}

.middle_9bc5:hover,
.middle_9bc5.fn-active-9af1 {
    color: var(--accent-light);
    background: var(--tertiary-bg);
    box-shadow: var(--shadow-glow);
}

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

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

/* Mobile Register Button */
.hidden-74b5 {
    display: flex;
    align-items: center;
}

@media (min-width: 1024px) {
    .hidden-74b5 {
        display: none;
    }
}


/* 移动端注册按钮光效 */
.cool-3b0c {
    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;
}

.cool-3b0c::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 */
.modal_c3e2 {
    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) {
    .modal_c3e2 {
        display: none;
    }
}

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

.modal_c3e2.fn-active-9af1 span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.modal_c3e2.fn-active-9af1 span:nth-child(2) {
    opacity: 0;
}

.modal_c3e2.fn-active-9af1 span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

.container_complex_adf9 {
    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;
}

.container_complex_adf9.fn-active-9af1 {
    display: block;
    max-height: 500px;
}

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

.filter_inner_c922 {
    list-style: none;
    padding: 0.75rem 0;
}

.gas-f6a2 {
    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;
}

.gas-f6a2:hover,
.gas-f6a2.fn-active-9af1 {
    background: var(--tertiary-bg);
    color: var(--accent-light);
    border-left: 3px solid var(--accent-color);
    padding-left: 1.375rem;
}


/* 移动端注册按钮动画效果 */
.gas-f6a2.full-0dad {
    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;
}

.gas-f6a2.full-0dad::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 */
.backdrop-down-0418 {
    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;
}

.frame-south-3cb2 {
    background: var(--primary-gradient);
    color: var(--text-white);
    box-shadow: var(--shadow-accent);
}

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

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

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

.footer-bronze-20d1 {
    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;
}

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

.mask-center-3245 {
    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;
}

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

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

.easy-b86e {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

.dirty_3149: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);
}

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

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

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

.article_2d3a::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;
}

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

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

.solid_0037 {
    margin-bottom: 1.5rem;
    line-height: 1.1;
}

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

.highlight_hot_05ae {
    margin-bottom: 2rem;
}

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

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

.tabs-1354 {
    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);
}

.fixed-06dc {
    font-size: 1.5rem;
}

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

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

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

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

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

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

.last_13d7 {
    margin-bottom: 1rem;
}

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

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

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

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

.item_b2b1:first-child {
    margin-top: 0;
}

.pink-59aa {
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

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

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

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

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

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

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

.large-9f0e {
    list-style: none;
}

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

.large-9f0e li:last-child {
    border-bottom: none;
}

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

.north-91ac {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

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

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

.stale-318a {
    color: var(--text-gray);
    line-height: 1.6;
}

/* Bonus Highlight */
.lite-c00e {
    margin: 2rem 0;
}

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

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

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

.overlay-first-7977 {
    font-size: 1.125rem;
    font-weight: 600;
}

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

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

.wrapper_left_56f0 {
    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);
}

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

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

.icon_south_7730 {
    font-size: 1.5rem;
}

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

.text_eea6 {
    list-style: none;
}

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

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

/* Security Features */
.blue-2dc2 {
    margin: 2rem 0;
}

.breadcrumb-large-dece {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

.hover-780f {
    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);
}

.modal_2b94 {
    font-size: 1.25rem;
}

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

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

.static_f9e7,
.pattern_c35b {
    font-size: 1.125rem;
    color: var(--accent-color);
    font-weight: 600;
}

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

.photo-new-0d66 {
    background: var(--secondary-bg);
    text-align: center;
    position: relative;
    overflow: hidden;
}

.photo-new-0d66::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;
}

.purple_7365 {
    position: relative;
    z-index: 1;
}

.down-297d {
    margin-bottom: 1rem;
}

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

.outer_bcf2 {
    margin-bottom: 3rem;
}

.full-a330 {
    margin-top: 3rem;
}

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

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

.notice-purple-2f3c .tabs-1354 {
    flex-direction: column;
    text-align: center;
    padding: 1.5rem;
    background: var(--card-gradient);
    border: 1px solid rgba(6, 182, 212, 0.1);
}

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

.accordion-pink-49a4 {
    font-size: 0.875rem;
    color: var(--text-gray);
    font-weight: 500;
}

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

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

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

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

.card_tiny_9bed {
    margin-bottom: 1rem;
}

.glass_47dd img {
    margin-bottom: 1rem;
}

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

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

.out_7bf3 {
    list-style: none;
}

.out_7bf3 li {
    margin-bottom: 0.5rem;
}

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

.out_7bf3 a:hover {
    color: var(--accent-color);
}

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

.icon_ad3d {
    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);
}

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

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

.pro-51de p {
    margin-bottom: 0.25rem;
}

.green_6fcb {
    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) {
    .green_6fcb {
        flex-direction: row;
    }
}

.shade-2102 {
    text-align: center;
}

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

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

.text-action-8bcd {
    font-size: 0.75rem !important;
}

.fast-9d84 {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

.button-north-e810 {
    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);
    }
}

.light-51e1 {
    animation: fadeInUp 0.6s ease-out;
}

.paragraph-focused-7e07 {
    animation: pulse 2s infinite;
}

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

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

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

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

.black-ffa1 {
    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);
}

.black-ffa1 .icon_inner_3c57 {
    font-size: 1.25rem;
}

.black-ffa1 .title-d480 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

.accordion-pressed-ca74 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

.solid-11fe {
    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);
}

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

.active_a142 {
    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);
}

.surface-dark-eb50 {
    color: var(--accent-color);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

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

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

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

.first-f0e1 .stale-318a {
    color: var(--text-gray);
    line-height: 1.6;
}

.mask-fresh-1506 {
    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);
}

.hidden_short_54dc {
    display: flex;
    justify-content: center;
    margin: 3rem 0;
}

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

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

/* Login Page Specific Styles */
.static-5719 {
    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);
}

.menu-silver-dfc1 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.summary-7cd8 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.summary-7cd8 label {
    color: var(--accent-color);
    font-weight: 600;
    font-size: 0.875rem;
}

.summary-7cd8 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);
}

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

.summary-7cd8 input::placeholder {
    color: var(--text-muted);
}

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

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

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

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

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

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

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

.hover-780f {
    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);
}

.hover-780f .modal_2b94 {
    font-size: 1.25rem;
}

.hover-780f .smooth-55d3 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--success-color);
}

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

.green_64d6 {
    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);
}

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

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

.green_64d6 .stale-318a {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.liquid-c4fe .background-4fe6 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.liquid-c4fe .card_819c {
    color: var(--text-gray);
    line-height: 1.6;
}

.badge-9633 {
    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);
}

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

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

.selected-b7bd {
    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);
}

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

.photo-hot-d242 {
    font-size: 3rem;
    margin-bottom: 1.5rem;
}

.description-3198 {
    flex: 1;
}

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

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

.grid-598e {
    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);
}

.grid-598e:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

.pagination-hot-f023 {
    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-hot-f023:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

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

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

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

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

.section-f14e {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.form-copper-b49d {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.accent_565f .gold-0bc1 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

.notice_d1f1 {
    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);
}

.surface-out-d00e {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.first_d963 {
    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);
}

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

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

.first_d963 .stale-318a {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.module-black-eb80 {
    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);
}

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

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

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

.header-d592 {
    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);
}

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

.large-479c {
    font-size: 2rem;
    flex-shrink: 0;
}

.popup-top-0c38 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

.border-over-051a {
    color: var(--text-white);
    font-size: 1rem;
    font-weight: 600;
}

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

.orange-35eb {
    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);
}

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

.frame-bright-143b {
    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);
}

.panel_red_4a4c {
    flex: 1;
}

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

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

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

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

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

.light-a4c5 .background-4fe6 {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.light-a4c5 .card_819c {
    color: var(--text-gray);
    line-height: 1.6;
}

.surface_gold_8e56 {
    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_easy_1e1a {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

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

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

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

.glass_d681 {
    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);
}

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

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

.hard-20c9 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

.copper-eada {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.video-gas-f4f8 {
    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);
}

.row-6aaa {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

.surface-out-d00e {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.first_d963 .stale-318a {
    color: var(--text-gray);
    line-height: 1.6;
}

.image_f070 {
    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);
}

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

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

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

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

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

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

.gradient-top-8ff3 {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

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

.warm_2ef1 {
    padding: 1.5rem;
}

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

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

.selected_266d 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;
}

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

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

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

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

.fluid_9193 {
    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);
}

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

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

.dropdown-0a85 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

.last-6032 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.sidebar_hot_2692 {
    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);
}

.hero-easy-47e7 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.heading-9fb8 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.highlight-f178 {
    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);
}

.accent-55c4 {
    text-align: center;
}

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

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

.tooltip-smooth-beb4 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.blue-d63b .mask_rough_ea59 {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.blue-d63b .stale-318a {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

.blue_5ddf {
    padding: 1.5rem;
}

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

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

.west_b399 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;
}

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

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

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

.center_8839 {
    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);
}

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

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

.sidebar_liquid_650c {
    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);
}

.active_a142 {
    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;
}

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

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

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

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

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

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

.list_huge_c522 {
    display: flex;
    gap: 1rem;
}

.list_huge_c522 .steel-cf3e {
    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;
}

.old-368e {
    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);
}

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

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

.hot_869e 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;
}

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

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

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

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

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

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

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

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

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

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

.gold_7ac7 {
    font-size: 1rem;
}

.hero-c8dd {
    padding: 1.5rem;
}

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

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

.bronze_8c7a .accent-55c4 {
    text-align: center;
}

.bronze_8c7a .block_23e5 {
    color: var(--text-muted);
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.25rem;
}

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

.aside_1c2b {
    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);
}

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

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

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

.search-bfe0 {
    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);
}

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

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

.input-red-83dd {
    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);
}

.popup-static-f5f8 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

.light-26bf {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.hidden-6d23 {
    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);
}

.brown-d63a {
    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;
}

.brown-d63a.wide_81c9 {
    background: linear-gradient(135deg, #cd7f32, #a0522d);
    color: white;
}

.brown-d63a.chip-east-8073 {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

.brown-d63a.alert_south_22ba {
    background: linear-gradient(135deg, #ffd700, #ffb347);
    color: #0f172a;
}

.brown-d63a.section-1992 {
    background: linear-gradient(135deg, #e5e4e2, #b8b8b8);
    color: #0f172a;
}

.brown-d63a.shade_d047 {
    background: linear-gradient(135deg, #b9f2ff, #00bfff);
    color: #0f172a;
}

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

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

.active_540a {
    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);
}

.top-cc34 {
    color: var(--info-color);
    margin-bottom: 1rem;
    font-size: 1.125rem;
}

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

.purple_f6d3 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;
}

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

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

.over-1fcd {
    display: grid;
    gap: 1.5rem;
    margin: 3rem 0;
}

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

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

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

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

.title-5489.progress-gas-c2f5 {
    grid-column: 1 / -1;
    border-color: rgba(6, 182, 212, 0.3);
}

@media (min-width: 1024px) {
    .title-5489.progress-gas-c2f5 {
        grid-column: span 3;
    }
}

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

.title-5489.progress-gas-c2f5 .pink-95e7 {
    background: rgba(6, 182, 212, 0.1);
}

.pink-3c6d {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 0.5rem;
}

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

.title-5489.progress-gas-c2f5 .layout_a6ae {
    color: var(--info-color);
}

.feature_0a74 {
    padding: 1.5rem;
    text-align: center;
}

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

.title-5489.progress-gas-c2f5 .menu_8ce9 {
    color: var(--info-color);
}

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

.modal_cool_275b {
    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 */
.right-2d31 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin: 2rem 0;
}

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

.primary_full_dbda {
    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);
}

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

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

.green_64d6 {
    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);
}

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

.image_be34 {
    flex: 1;
}

.breadcrumb-large-dece {
    color: var(--success-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

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

.fresh_b7ca {
    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);
}

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

.description-upper-f006 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.button-north-e810 {
    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);
}

.preview-in-6d49 {
  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);
}

.preview-in-6d49 .accent-55c4 {
    text-align: center;
}

.preview-in-6d49 .surface-d2ad {
    font-size: 2rem;
    font-weight: 900;
    color: var(--info-color);
    margin-bottom: 0.5rem;
}

.preview-in-6d49 .block_23e5 {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

.widget-6de7 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.last-e67c {
    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);
}

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

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

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

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

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

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

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

.over-2dd5 {
    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);
}

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

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

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

.shade-3ff9.pressed-f6cb {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.shade-3ff9.hidden_4254 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
}

.shade-3ff9.info-small-46d3 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--info-color);
}

.module-685e {
    padding: 1.5rem;
    text-align: center;
}

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

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

.yellow_f8a8 .nav_basic_f399 {
    color: var(--text-gray);
    font-size: 0.875rem;
    text-align: left;
}

.background-30c0 {
    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);
}

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

.frame-c23f {
  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);
}

.module-gold-f9ca {
    text-align: center;
}

.module-gold-f9ca .surface-d2ad {
    font-size: 2rem;
    font-weight: 900;
    color: var(--success-color);
    margin-bottom: 0.5rem;
}

.module-gold-f9ca .block_23e5 {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Utility Classes */
.dynamic-58fd { text-align: center; }
.heading-b9a7 { text-align: left; }
.message_61d5 { text-align: right; }

.sidebar_83e4 { margin-bottom: 0; }
.main_e392 { margin-bottom: 0.5rem; }
.breadcrumb_smooth_663a { margin-bottom: 1rem; }
.tooltip_huge_af70 { margin-bottom: 1.5rem; }
.mask-6ec3 { margin-bottom: 2rem; }

.inner_94cb { margin-top: 0; }
.banner-38fc { margin-top: 0.5rem; }
.main_2fe7 { margin-top: 1rem; }
.detail_fc2e { margin-top: 1.5rem; }
.north-7f89 { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .article_2d3a {
        padding: 6rem 0 3rem;
    }
    
    .icon-active-3234 {
        text-align: center;
    }
    
    .grid_c064 {
        text-align: center;
    }
    
    .full_a1a7 {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .pattern_bronze_0b38,
    .container_complex_adf9,
    .photo-new-0d66,
    .tag-9bb7 {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .article_2d3a {
        background: none;
    }
}

/* Providers Section */
.table-east-0865 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

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

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

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

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

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

.highlight_dim_b869 {
    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);
}

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

/* Reviews Section */
.chip-pressed-a43b {
    padding: var(--section-padding);
}

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

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

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

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

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

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

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

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

.full-78b3 {
    color: var(--accent-color);
}

.prev_e329 {
    font-size: 1.25rem;
}

.red-e216 {
    margin-bottom: 1rem;
}

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

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

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

.accent-55c4 {
    text-align: center;
}

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

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

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

.sidebar_steel_7faa {
    margin: 2rem 0;
}

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

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

.down-ce0d {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.gradient_liquid_4975 {
    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;
}

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

.icon_7336 {
    font-size: 2rem;
}

.tiny-9721 {
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

.label-8142 {
    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);
}

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

.label-8142 .surface-d2ad {
    font-size: 3rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    display: block;
}

.label-8142 .block_23e5 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.75rem;
    display: block;
}

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

.overlay-61d5 {
    margin-top: 4rem;
}

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

.popup_4e2a {
    overflow-x: auto;
}

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

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

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

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

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

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

/* FAQ Section */
.tabs-small-0e92 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.carousel-79b6 {
    max-width: 900px;
    margin: 0 auto;
}

.element-bottom-406d {
    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);
}

.element-bottom-406d:hover {
    border-color: var(--accent-color);
}

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

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

.hero-29c4 {
    font-size: 1.5rem;
    color: var(--accent-color);
    font-weight: 300;
    transition: transform var(--transition-normal);
}

.element-bottom-406d.fn-active-9af1 .hero-29c4 {
    transform: rotate(45deg);
}

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

.element-bottom-406d.fn-active-9af1 .progress_motion_21c5 {
    max-height: 1000px;
}

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

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

.hidden_short_54dc {
    margin: 2rem 0;
    text-align: center;
}

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

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

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

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

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

.bottom-de0e {
    font-size: 2rem;
}

.pro-0530 {
    color: var(--text-white);
    margin: 0;
}

.heading-7cdd {
    list-style: none;
    padding: 0;
}

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

.heading-7cdd li:last-child {
    border-bottom: none;
}

.red_8ad1 {
    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);
}

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

.action-4bef {
    margin-top: 3rem;
}

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

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

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

.sidebar_bronze_4be0 {
    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);
}

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

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

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

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

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

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

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

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

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

.wrapper_pro_20c1 {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.chip_yellow_5432, .text-complex-5573, .basic_e35b {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

.basic_e35b {
    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 */
.silver-e0f5 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

.pattern_64a5 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;
}

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

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

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

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

/* Winners Section */
.article_glass_c0c9 {
    padding: var(--section-padding);
}

.smooth_ab47 {
    margin: 2rem 0;
}

.dim_838c {
    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) {
    .dim_838c {
        flex-direction: column;
        align-items: flex-start;
    }
}

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

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

.sidebar_631c {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

.link-hard-191e {
    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;
}

.module-09f3 {
    flex: 1;
}

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

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

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

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

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

.sort-6d3f {
    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);
}

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

.sort-6d3f .surface-d2ad {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.sort-6d3f .block_23e5 {
    color: var(--text-gray);
    font-size: 1rem;
}

.photo_5dc7 {
    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);
}

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

.avatar_0306 strong {
    color: var(--accent-color);
}

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

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

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

.pressed_9aef {
    margin-bottom: 1.5rem;
}

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

.pressed_9aef input,
.pressed_9aef 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;
}

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

.large-613a {
    width: 100%;
    margin-top: 1rem;
}

.wrapper_up_941a {
    display: flex;
    align-items: center;
}

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

.mask-new-5041 {
    font-size: 3rem;
    font-weight: 700;
    color: var(--accent-color);
    text-align: center;
    margin: 1.5rem 0;
}

.primary-huge-c4a6 {
    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;
}

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

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

.disabled_0521 {
    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);
}

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

.alert-green-9160 {
    margin-top: 3rem;
}

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

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

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

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

.cold-d2a6:last-child {
    border-bottom: none;
}

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

.tall_ad25 {
    margin: 2rem 0;
}

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

.text-bronze-fb43 {
    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;
}

.text-bronze-fb43:hover, .text-bronze-fb43.fn-active-9af1 {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.logo-glass-e34d {
    display: none;
}

.logo-glass-e34d.fn-active-9af1 {
    display: block;
}

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

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

.footer-large-4fbf h4 {
    color: var(--text-white);
    margin: 1.5rem 0 1rem 0;
}

.footer-large-4fbf ul {
    list-style: none;
    padding: 0;
}

.footer-large-4fbf ul li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
}

.footer-large-4fbf ul li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: var(--accent-color);
}

.overlay-49f9 {
    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 */
.avatar-9ed2 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.top-4c0c {
    display: flex;
    gap: 1.5rem;
}

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

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

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

.white_bb33.form_b922 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.white_bb33.surface-68ec {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

.white_bb33.thick-801f {
    background: rgba(239, 68, 68, 0.2);
    color: var(--danger-color);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.item-thick-b190 {
    margin-top: 2rem;
}

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

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

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

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

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

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

.basic-7427 {
    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 */
.border_c520 {
    padding: var(--section-padding);
}

.glass-3243 {
    margin: 2rem 0;
}

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

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

.tooltip-fea9 {
    list-style: none;
    padding: 0;
}

.tooltip-fea9 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;
}

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

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

.popup_green_253c {
    margin: 2rem 0;
}

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

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

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

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

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

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

.copper_5627 {
    margin-top: 2rem;
}

.cold-c373 {
    color: var(--success-color);
    margin-bottom: 1.5rem;
}

.left-1ba2 {
    list-style: none;
    padding: 0;
}

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

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

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

.aside-copper-ddb2 {
    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 */
.motion-514b {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.complex-04f3 {
    margin: 2rem 0;
}

.lower-c085 {
    margin-bottom: 3rem;
}

.lower-c085 .stale-ecdd {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

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

.gold_fcca {
    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);
}

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

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

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

.lite-4abd {
    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 */
.badge-orange-4c74 {
    padding: var(--section-padding);
}

.out_d061 {
    margin: 2rem 0;
}

.caption-mini-940f {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

.top-87ce {
    overflow-x: auto;
    margin: 2rem 0;
}

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

.grid_3f95 {
    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;
}

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

.iron-014a {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-top: 2rem;
}

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

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

.box_left_32f2 .icon_inner_3c57 {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

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

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

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

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

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

.content-db80 {
    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;
}

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

.message_7ba8 {
    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);
}

.inner-43f6 {
    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;
}

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

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

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

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

.filter-complex-bcfa {
    color: var(--text-white);
    font-weight: 600;
}

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

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

.left-dbae .steel-cf3e {
    color: var(--text-gray);
    font-size: 0.875rem;
}

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

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

.description_copper_1d78 {
    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);
}

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

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

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

.background_98f8 {
    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);
}

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

.black_699f strong {
    color: var(--accent-color);
}

/* Football Leagues Section */
.copper-eada {
    margin: 2rem 0;
}

.video-gas-f4f8 {
    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);
}

.video-gas-f4f8:hover {
    border-color: var(--accent-color);
    transform: translateX(4px);
}

.row-6aaa {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.backdrop-short-14e2 {
    flex: 1;
}

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

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

/* Live Features Section */
.surface-out-d00e {
    margin: 2rem 0;
}

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

.first_d963 .mask_rough_ea59 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

.first_d963 .stale-318a {
    color: var(--text-gray);
    margin: 0;
}

.image_f070 {
    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);
}

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

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

/* Bonus Tier Styles */
.frame-bright-143b {
    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;
}

.panel_red_4a4c {
    flex: 1;
}

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

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

/* Step Content Styles */
.active_a142 {
    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;
}

.hovered_57b9 {
    flex: 1;
}

.surface-dark-eb50 {
    color: var(--text-white);
    margin-bottom: 0.5rem;
}

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

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

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

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

.list_huge_c522 .steel-cf3e {
    padding: 0.5rem 1rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-md);
    color: var(--text-gray);
    font-size: 0.875rem;
}

.old-368e {
    margin-top: 2rem;
}

.old-368e .tag_first_d525 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

/* Game Categories Section */
.paper-1f82 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

.highlight-f178 .accent-55c4 {
    text-align: center;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.tooltip-smooth-beb4 {
    margin: 2rem 0;
}

.blue-d63b {
    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 */
.selected-db83 {
    padding: var(--section-padding);
}

.blue_5ddf {
    margin-top: 1rem;
}

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

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

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

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

.image_b8a7 {
    margin: 2rem 0;
}

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

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

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

.over-1ef8 {
    margin: 2rem 0;
}

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

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

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

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

.over-57b5 {
    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);
}

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

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

.pagination-focused-bc7d {
    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);
}

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

/* Tips Section */
.hot_ce13 {
    padding: var(--section-padding);
}

.hero_over_0c80 {
    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;
}

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

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

.menu-68a1 .surface_4b96 {
    font-size: 2rem;
    flex-shrink: 0;
}

.menu-68a1 .heading_dynamic_45cf {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

.west_7dc9 {
    flex: 1;
}

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

.menu-outer-70f2 {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

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

.tertiary_steel_57fc {
    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);
}

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

.tertiary_steel_57fc strong {
    color: var(--warning-color);
}

/* Slots Section */
.main-85df {
    padding: var(--section-padding);
}

.section-f14e {
    margin: 2rem 0;
}

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

.form-copper-b49d {
    margin: 2rem 0;
}

.accent_565f {
    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);
}

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

.accent_565f .gold-0bc1 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

.notice_d1f1 {
    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);
}

.notice_d1f1 .static_f9e7 {
    color: var(--text-gray);
    margin: 0;
    text-align: center;
    font-size: 1.125rem;
}

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

.fast_0ec9 {
    margin: 2rem 0;
}

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

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

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

.photo_action_56e0 {
    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);
}

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

.photo_action_56e0.fn-active-9af1 {
    background: var(--accent-color);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

.light-db6b {
    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);
}

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

.shade_pro_4fca strong {
    color: var(--accent-color);
}

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

.dropdown-old-15d7 {
    margin: 2rem 0;
}

.outline_96ca {
    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);
}

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

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

.module-61fd {
    font-size: 2rem;
    font-weight: 700;
    color: var(--accent-color);
    min-width: 60px;
    text-align: center;
}

.lite_b6a5 {
    flex: 1;
}

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

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

.white_08d1 {
    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;
}

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

.section_huge_5d37 {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.paragraph-out-914c {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.east_741d {
    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;
}

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

.popup-slow-cd6a {
    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);
}

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

.motion_6557 strong {
    color: var(--accent-color);
}

/* New Games Section */
.tiny-4f4b {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.list-dim-7277 {
    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;
}

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

.backdrop_69e7 {
    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;
}

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

.box-2a44 {
    font-size: 2rem;
}

.sort_outer_deb4 {
    color: var(--text-white);
    margin: 0;
    font-size: 1.125rem;
}

.header_1bc7 {
    flex: 1;
}

.modal-3a4a {
    color: var(--text-gray);
    margin-bottom: 1rem;
    line-height: 1.6;
    font-size: 0.9375rem;
}

.plasma-ba27 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

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

.thumbnail-57bb {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.plasma_f427 {
    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;
}

.upper_a791 {
    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;
}

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

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

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

.accent_lite_efde {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

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

.basic-0869 {
    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);
}

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

.label-8fac {
    color: var(--accent-color);
    font-weight: 600;
}

.purple_23c6 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
    text-align: center;
}

.purple_23c6 strong {
    color: var(--accent-color);
}

/* Security Section */
.down-bd83 {
    padding: var(--section-padding);
}

/* Benefits Section */
.pagination-thick-eb55 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

/* Help Section */
.motion_6c0c {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.component-left-3a2c {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.progress-center-bb30 {
    margin: 3rem 0;
    display: grid;
    gap: 2rem;
}

.row_bronze_201e {
    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) {
    .row_bronze_201e {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.row_bronze_201e .active_a142 {
    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;
}

.row_bronze_201e .hovered_57b9 {
    flex: 1;
}

.row_bronze_201e .surface-dark-eb50 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

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

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

.wrapper_silver_7ace .breadcrumb-large-dece {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

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

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

.component-7ce7 {
    text-align: center;
    margin-top: 2rem;
}

/* Quick Registration Section */
.bronze-6e57 {
    padding: var(--section-padding);
}

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

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

.image_21ac {
    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);
}

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

.image_21ac .list-1209 {
    font-size: 2rem;
    flex-shrink: 0;
}

.image_21ac .hover-tiny-b4be {
    flex: 1;
}

.image_21ac .background-4fe6 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.image_21ac .message-00c2 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

.module-dd7f .slow-5299 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.module-dd7f .surface-gas-64cf {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

.module-dd7f .surface-gas-64cf 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);
}

.module-dd7f .surface-gas-64cf li:last-child {
    border-bottom: none;
}

.module-dd7f .surface-gas-64cf 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;
}

.module-dd7f .surface-gas-64cf li strong {
    color: var(--text-white);
}

.primary-orange-3129 {
    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);
}

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

.primary-orange-3129 strong {
    color: var(--accent-color);
}

/* Security Tips Section */
.out-6786 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.smooth_5c1b {
    font-size: 2rem;
}

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

.pagination_62c4 {
    flex: 1;
}

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

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

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

.preview-fluid-fef0 {
    margin-top: 3rem;
}

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

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

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

.tooltip-fea9 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.tooltip-fea9 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.tooltip-fea9 li strong {
    color: var(--warning-color);
}

/* Tech Stack Section */
.wrapper_wide_aa99 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.title-d5ad {
    margin: 2rem 0;
}

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

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

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

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

.label-dark-15f7 {
    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);
}

.label-dark-15f7:hover {
    border-color: var(--accent-color);
    transform: translateX(4px);
}

.prev_42e4 {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

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

/* Performance Section */
.simple_0797 {
    padding: var(--section-padding);
}

.panel_right_cde3 {
    margin: 2rem 0;
}

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

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

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

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

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

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

.section_cold_9039 {
    color: var(--text-white);
    margin: 0;
    font-size: 1rem;
}

.gallery-dcb5 {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.gallery-dcb5.simple_abc5 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.icon-7f42 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.info_1334 {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.element_266b {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

.mask-bce7 {
    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);
}

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

.mask-bce7 strong {
    color: var(--accent-color);
}

/* Update Log Section */
.notification-pro-7643 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.preview_f815 {
    margin: 2rem 0;
}

.north-7a0a {
    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) {
    .north-7a0a {
        flex-direction: column;
        gap: 1rem;
    }
}

.north-7a0a:hover {
    transform: translateX(4px);
    border-color: var(--accent-color);
}

.north-7a0a::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);
}

.pro-260a {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.silver_f690 {
    flex: 1;
}

.fast-2805 {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

.gold_d090 li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

.disabled_purple_d03b {
    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);
}

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

.footer_hot_9c1d {
    flex: 1;
}

.tall-490c {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

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

.sidebar-6c54 {
    margin-top: 2rem;
    text-align: center;
}

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

.background_5d9d strong {
    color: var(--accent-color);
}

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

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

.search-bfe0 {
    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);
}

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

.search-bfe0 .shade_inner_2e0b {
    font-size: 2rem;
    flex-shrink: 0;
}

.search-bfe0 .dropdown-0a85 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.search-bfe0 .aside_4ff3 {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

.search-bfe0 .easy_42b1 {
    color: var(--accent-color);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Featured Promos Section */
.medium-f8ff {
    padding: var(--section-padding);
}

.input-red-83dd .stone-6061 {
    flex: 1;
}

/* Promo Calendar Section */
.preview-c7d5 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.info_white_0bdc {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.secondary-clean-aa0c {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.easy-dde8 {
    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);
}

.aside-ae84 {
    color: var(--accent-color);
    font-weight: 600;
    font-size: 0.875rem;
}

.header_b4e0 {
    color: var(--text-white);
    font-size: 0.9375rem;
}

.primary_1d96 {
    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);
}

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

.primary_1d96 strong {
    color: var(--accent-color);
}

/* Requirements Section */
.frame-a927 {
    padding: var(--section-padding);
}

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

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

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

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

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

.hovered-e4fe li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.shadow_cool_8c20 {
    margin-top: 3rem;
}

.shadow_cool_8c20 .grid-stale-8195 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.shadow_cool_8c20 .highlight_dynamic_d0d9 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.shadow_cool_8c20 .tooltip-fea9 {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.shadow_cool_8c20 .tooltip-fea9 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.shadow_cool_8c20 .tooltip-fea9 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.shadow_cool_8c20 .tooltip-fea9 li strong {
    color: var(--warning-color);
}

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

.stone_8d9b strong {
    color: var(--accent-color);
}

/* Winners Hall Section */
.last-c092 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.popup_upper_6b13 .stale-ecdd {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.prev_dd51 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.wrapper-red-ca0d {
    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);
}

.wrapper-red-ca0d:hover {
    transform: translateX(4px);
    border-color: var(--accent-color);
}

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

.secondary_cold_d19b {
    flex: 1;
}

.solid_f7b2 {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.25rem;
    font-size: 1.125rem;
}

.popup-smooth-86a1 {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.box_cold_5a9c {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

.carousel-iron-47f9 {
    color: var(--text-gray);
    font-size: 0.875rem;
}

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

@media (min-width: 640px) {
    .backdrop-fixed-864b {
        grid-template-columns: repeat(4, 1fr);
    }
}

.fresh-c56c {
    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);
}

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

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

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

.avatar_0306 {
    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);
}

.shade-down-45ba {
    color: var(--text-gray);
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.6;
}

.shade-down-45ba strong {
    color: var(--accent-color);
}

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.accordion-dynamic-94ba { 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; }
.top-79f7, .footer_steel_af23 { max-width:100%; height:auto; }

.backdrop-down-0418, .footer-bronze-20d1, .mask-center-3245 { white-space:normal; }

.icon-active-3234,
.grid_c064,
.right-2d31,
.tag_c8df,
.surface-out-d00e,
.next-6261 {
  flex-wrap:wrap;
}

[class*="grid"],
.backdrop-fixed-864b,
.caption_gold_a619,
.notice-purple-2f3c {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.article_2d3a img,
.grid_c064 img,
.nav-f739 img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.solid_0037, .hidden_bottom_12ec,
.last_13d7, .active_fc56 {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.popup_4e2a { width:100%; overflow-x:auto; }
.popup_4e2a table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.frame_paper_a207 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .frame_paper_a207 {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.medium-f723 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.secondary_purple_fd6b,
.label-north-74bd,
.highlight_a768,
.sidebar-0966,
.blue_08a8,
.backdrop-fixed-864b,
.caption_gold_a619,
.notice-purple-2f3c,
.frame-c23f,
.dropdown-old-15d7,
.frame_paper_a207 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .secondary_purple_fd6b,
  .label-north-74bd,
  .highlight_a768,
  .sidebar-0966,
  .blue_08a8,
  .backdrop-fixed-864b,
  .caption_gold_a619,
  .notice-purple-2f3c,
  .frame-c23f,
  .dropdown-old-15d7,
  .frame_paper_a207 {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.label-8142,
.sort-6d3f,
.fresh-c56c,
.tabs-1354,
.picture-382c,
.module-gold-f9ca,
.outline_96ca,
.medium-f723 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.avatar_fresh_7c17,
.hard-5fee,
.gas_500d {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.avatar_fresh_7c17 > *,
.hard-5fee > *,
.gas_500d > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: 4350 */
.phantom-card-y6 {
  padding: 0.1rem;
  font-size: 12px;
  line-height: 1.0;
}