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

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

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

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

@media (min-width: 1024px) {
    .brown_9282 {
        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 */
.content_pink_62a6 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: rgba(30, 27, 75, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .column-purple-1496 {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .west-a333 {
        grid-column: 1;
    }
    
    .table-rough-ca33 {
        grid-column: 2;
    }
    
    .title_9180 {
        grid-column: 3;
    }
}

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

.west-a333:hover img {
    transform: scale(1.05);
}

/* Navigation */
.column_thick_4e47 {
    display: none;
}

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

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

.box_1751 {
    position: relative;
}

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

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

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

.thumbnail-small-c238 {
    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;
}

.thumbnail-small-c238:hover,
.thumbnail-small-c238.fn-active-ce2d {
    color: var(--accent-light);
    background: var(--tertiary-bg);
    box-shadow: var(--shadow-glow);
}

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

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

/* Mobile Register Button */
.table-rough-ca33 {
    display: flex;
    align-items: center;
}

@media (min-width: 1024px) {
    .table-rough-ca33 {
        display: none;
    }
}


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

.logo-bf8c::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 */
.title_9180 {
    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) {
    .title_9180 {
        display: none;
    }
}

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

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

.title_9180.fn-active-ce2d span:nth-child(2) {
    opacity: 0;
}

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

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

.info_red_85a6.fn-active-ce2d {
    display: block;
    max-height: 500px;
}

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

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

.logo-easy-3bc7 {
    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;
}

.logo-easy-3bc7:hover,
.logo-easy-3bc7.fn-active-ce2d {
    background: var(--tertiary-bg);
    color: var(--accent-light);
    border-left: 3px solid var(--accent-color);
    padding-left: 1.375rem;
}


/* 移动端注册按钮动画效果 */
.logo-easy-3bc7.tooltip-18f0 {
    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;
}

.logo-easy-3bc7.tooltip-18f0::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 */
.aside-06b8 {
    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;
}

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

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

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

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

.secondary-530a {
    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;
}

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

.widget-full-3a0f {
    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;
}

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

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

.yellow-4cd9 {
    background: var(--accent-color);
    color: var(--primary-bg);
}

.yellow-4cd9:hover {
    background: var(--accent-hover);
    transform: translateY(-2px);
}

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

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

.disabled-2e24 {
    font-size: 1em;
    font-weight: 700;
}

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

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

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

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

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

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

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

.header_f5fc {
    margin-bottom: 2rem;
}

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

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

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

.layout_2a5c {
    font-size: 1.5rem;
}

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

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

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

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

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

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

.top-0b80 {
    margin-bottom: 1rem;
}

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

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

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

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

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

.badge-8556 {
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

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

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

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

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

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

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

.summary-3e3a {
    list-style: none;
}

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

.summary-3e3a li:last-child {
    border-bottom: none;
}

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

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

.tertiary-copper-5947 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

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

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

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

.icon-e241 {
    font-size: 1.125rem;
    font-weight: 600;
}

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

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

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

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

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

.form_3eff {
    font-size: 1.5rem;
}

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

.west_834a {
    list-style: none;
}

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

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

/* Security Features */
.heading-acd3 {
    margin: 2rem 0;
}

.paragraph-easy-5681 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

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

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

/* Statistics */
.card-dim-812a,
.widget-outer-30d6 {
    text-align: center;
    margin: 2rem 0;
}

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

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

.paragraph_264f {
    background: var(--secondary-bg);
    text-align: center;
    position: relative;
    overflow: hidden;
}

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

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

.wrapper_liquid_46d3 {
    margin-bottom: 1rem;
}

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

.description_cold_4ef9 {
    margin-bottom: 3rem;
}

.breadcrumb-d729 {
    margin-top: 3rem;
}

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

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

.detail-center-47c6 .rough_df97 {
    flex-direction: column;
    text-align: center;
    padding: 1.5rem;
    background: var(--card-gradient);
    border: 1px solid rgba(6, 182, 212, 0.1);
}

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

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

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

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

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

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

.status_focused_971a {
    margin-bottom: 1rem;
}

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

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

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

.section_1601 {
    list-style: none;
}

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

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

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

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

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

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

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

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

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

.section-steel-ae5f {
    text-align: center;
}

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

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

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

.dark-1e89 {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

.secondary-basic-f1bc {
    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);
    }
}

.tooltip_65fc {
    animation: fadeInUp 0.6s ease-out;
}

.title-0794 {
    animation: pulse 2s infinite;
}

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

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

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

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

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

.focus-c9dd .tertiary-copper-5947 {
    font-size: 1.25rem;
}

.focus-c9dd .hard-074e {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

.breadcrumb-hot-0669 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

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

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

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

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

.progress-active-40da {
    display: flex;
    justify-content: center;
    margin: 3rem 0;
}

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

.progress-active-40da img:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-glow);
}

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

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

.search-1518 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.search-1518 label {
    color: var(--accent-color);
    font-weight: 600;
    font-size: 0.875rem;
}

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

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

.search-1518 input::placeholder {
    color: var(--text-muted);
}

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

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

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

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

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

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

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

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

.warm-3312 .disabled-8734 {
    font-size: 1.25rem;
}

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

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

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

.icon-de88 .tertiary-copper-5947 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.icon-de88 .light_238c {
    color: var(--text-gray);
    line-height: 1.6;
}

.iron-da61 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

.card-84da {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

.layout_purple_7154 {
    font-size: 3rem;
    margin-bottom: 1.5rem;
}

.article-medium-86fc {
    flex: 1;
}

.background-paper-d0ce {
    color: var(--accent-color);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

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

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

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

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

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

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

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

.picture-active-cc00 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

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

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

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

.menu-0b10 .disabled-brown-c27a {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.menu-0b10 .active-97f5 {
    color: var(--text-gray);
    line-height: 1.6;
}

.menu-stone-e946 {
    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);
}

.column-c08f {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.wide-8a73 {
    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);
}

.wide-8a73 .tertiary-copper-5947 {
    font-size: 2rem;
    flex-shrink: 0;
}

.wide-8a73 .secondary_b0bb {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.wide-8a73 .light_238c {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.text-585e {
    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);
}

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

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

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

.summary-3abe {
    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);
}

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

.focused-45a2 {
    font-size: 2rem;
    flex-shrink: 0;
}

.item-medium-7f11 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

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

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

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

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

.link_86b4 {
    flex: 1;
}

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

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

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

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

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

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

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

.widget-outer-30d6 {
    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);
}

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

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

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

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

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

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

.header-up-8484 {
    font-size: 2rem;
    flex-shrink: 0;
}

.hot-7bca {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

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

.hard-3a36 {
    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);
}

.gallery-43ba {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

.column-c08f {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.wide-8a73 .secondary_b0bb {
    color: var(--success-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.wide-8a73 .light_238c {
    color: var(--text-gray);
    line-height: 1.6;
}

.chip-small-f917 {
    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);
}

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

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

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

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

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

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

.mini-766c {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

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

.preview-next-eb14 {
    padding: 1.5rem;
}

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

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

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

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

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

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

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

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

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

.breadcrumb-921f {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

.item-static-e87f {
    text-align: center;
}

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

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

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

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

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

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

.lite-39a8 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

.label-green-3943 {
    padding: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.footer-pink-8487 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.table-e3ae {
    display: flex;
    gap: 1rem;
}

.table-e3ae .plasma_6cbf {
    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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.short_e4ea {
    font-size: 1rem;
}

.message-complex-9e5d {
    padding: 1.5rem;
}

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

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

.paragraph_tall_f4fe .item-static-e87f {
    text-align: center;
}

.paragraph_tall_f4fe .modal-dim-a536 {
    color: var(--text-muted);
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

.widget-paper-0c7f {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

.text-left-3a53 {
    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;
}

.text-left-3a53.grid_b6c3 {
    background: linear-gradient(135deg, #cd7f32, #a0522d);
    color: white;
}

.text-left-3a53.in_9217 {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

.text-left-3a53.tertiary-bright-b670 {
    background: linear-gradient(135deg, #ffd700, #ffb347);
    color: #0f172a;
}

.text-left-3a53.element-west-d668 {
    background: linear-gradient(135deg, #e5e4e2, #b8b8b8);
    color: #0f172a;
}

.text-left-3a53.hidden-wood-3718 {
    background: linear-gradient(135deg, #b9f2ff, #00bfff);
    color: #0f172a;
}

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

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

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

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

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

.iron-da61 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;
}

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

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

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

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

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

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

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

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

@media (min-width: 1024px) {
    .wide-4610.info_0312 {
        grid-column: span 3;
    }
}

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

.wide-4610.info_0312 .tooltip_166f {
    background: rgba(6, 182, 212, 0.1);
}

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

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

.wide-4610.info_0312 .next_ce21 {
    color: var(--info-color);
}

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

.content-top-1df7 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

.wide-4610.info_0312 .content-top-1df7 {
    color: var(--info-color);
}

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

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

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

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

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

.easy-8eb9 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.south-1913 {
    flex: 1;
}

.paragraph-easy-5681 {
    color: var(--success-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

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

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

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

.column_a513 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.secondary-basic-f1bc {
    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);
}

.container-bronze-dcad {
  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);
}

.container-bronze-dcad .item-static-e87f {
    text-align: center;
}

.container-bronze-dcad .shadow_current_56f1 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--info-color);
    margin-bottom: 0.5rem;
}

.container-bronze-dcad .modal-dim-a536 {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

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

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

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

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

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

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

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

.card-blue-8f0c {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

.wrapper-fresh-5e16 {
    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);
}

.easy-4a6a {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

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

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

.banner-f9c7.south_e972 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.banner-f9c7.frame_fluid_b113 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
}

.banner-f9c7.dropdown_purple_832e {
    background: rgba(6, 182, 212, 0.2);
    color: var(--info-color);
}

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

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

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

.media-616d .paper_d2ae {
    color: var(--text-gray);
    font-size: 0.875rem;
    text-align: left;
}

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

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

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

.disabled_up_ac72 {
    text-align: center;
}

.disabled_up_ac72 .shadow_current_56f1 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--success-color);
    margin-bottom: 0.5rem;
}

.disabled_up_ac72 .modal-dim-a536 {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Utility Classes */
.summary-fresh-4847 { text-align: center; }
.notification_6bb8 { text-align: left; }
.hovered-e238 { text-align: right; }

.status_selected_f95c { margin-bottom: 0; }
.yellow_ec0c { margin-bottom: 0.5rem; }
.widget_418c { margin-bottom: 1rem; }
.overlay-selected-63ff { margin-bottom: 1.5rem; }
.notice-paper-838c { margin-bottom: 2rem; }

.fixed-8b72 { margin-top: 0; }
.logo-under-21e2 { margin-top: 0.5rem; }
.tertiary-570b { margin-top: 1rem; }
.small_0454 { margin-top: 1.5rem; }
.middle_d86f { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .center_e804 {
        padding: 6rem 0 3rem;
    }
    
    .banner_stone_613d {
        text-align: center;
    }
    
    .widget_basic_185a {
        text-align: center;
    }
    
    .cold_5e0a {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .content_pink_62a6,
    .info_red_85a6,
    .paragraph_264f,
    .lite_f13d {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .center_e804 {
        background: none;
    }
}

/* Providers Section */
.dim-fca8 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.panel-hovered-f794 {
    display: flex;
    flex-direction: column;
}

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

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

.selected_9987 {
    color: var(--accent-color);
}

.pink-fdf1 {
    font-size: 1.25rem;
}

.bright-5e89 {
    margin-bottom: 1rem;
}

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

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

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

.item-static-e87f {
    text-align: center;
}

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

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

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

.secondary_152d {
    margin: 2rem 0;
}

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

.smooth_7882 .tertiary-copper-5947 {
    font-size: 2rem;
    flex-shrink: 0;
}

.status-4fe4 {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.table-out-5f79 {
    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;
}

.table-out-5f79:hover {
    transform: translateY(-2px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-accent);
}

.video-0c1e {
    font-size: 2rem;
}

.texture-e616 {
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

.focus-selected-cfbb .shadow_current_56f1 {
    font-size: 3rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    display: block;
}

.focus-selected-cfbb .modal-dim-a536 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.75rem;
    display: block;
}

.focus-selected-cfbb .dropdown_e8ae {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin: 0;
}

.red_df49 {
    margin-top: 4rem;
}

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

.icon_bf57 {
    overflow-x: auto;
}

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

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

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

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

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

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

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

.motion-45dc {
    max-width: 900px;
    margin: 0 auto;
}

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

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

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

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

.badge-slow-d8bb {
    font-size: 1.5rem;
    color: var(--accent-color);
    font-weight: 300;
    transition: transform var(--transition-normal);
}

.item-ec52.fn-active-ce2d .badge-slow-d8bb {
    transform: rotate(45deg);
}

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

.item-ec52.fn-active-ce2d .image-9ddf {
    max-height: 1000px;
}

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

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

.progress-active-40da {
    margin: 2rem 0;
    text-align: center;
}

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

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

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

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

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

.hidden-58c1 {
    font-size: 2rem;
}

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

.logo-351c {
    list-style: none;
    padding: 0;
}

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

.logo-351c li:last-child {
    border-bottom: none;
}

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

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

.over-202f {
    margin-top: 3rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.sort_hard_c4b0 {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.menu_a9ca, .item_selected_f643, .status-wood-a12c {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

.status-wood-a12c {
    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 */
.dropdown-3e19 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.carousel-586e {
    margin: 2rem 0;
}

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

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

.chip-new-3df1 {
    list-style: none;
    padding: 0;
}

.chip-new-3df1 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;
}

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

.chip-new-3df1 li:last-child {
    border-bottom: none;
}

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

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

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

.dropdown-b54b {
    margin: 2rem 0;
}

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

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

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

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

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

.slider-4d42 {
    flex: 1;
}

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

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

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

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

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

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

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

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

.picture_f8d6 .modal-dim-a536 {
    color: var(--text-gray);
    font-size: 1rem;
}

.action-5da7 {
    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);
}

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

.detail-4c32 strong {
    color: var(--accent-color);
}

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

@media (min-width: 1024px) {
    .hidden-old-8a81 {
        grid-template-columns: 1fr 1fr;
    }
}

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

.basic_e91d {
    margin-bottom: 1.5rem;
}

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

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

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

.hovered-354a {
    width: 100%;
    margin-top: 1rem;
}

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

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

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

.summary-6b93 {
    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;
}

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

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

.article-focused-c786 {
    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);
}

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

.popup-729c {
    margin-top: 3rem;
}

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

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

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

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

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

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

.item_focused_afde {
    margin: 2rem 0;
}

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

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

.prev-e119:hover, .prev-e119.fn-active-ce2d {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.photo-hot-58db {
    display: none;
}

.photo-hot-58db.fn-active-ce2d {
    display: block;
}

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

.right-0aa1 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

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

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

.border-silver-ed2f {
    display: flex;
    gap: 1.5rem;
}

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

.block-6e1d {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 2rem 0;
}

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

.border-orange-54de.table_old_4d74 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.border-orange-54de.yellow-f1a4 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

.border-orange-54de.bronze_4094 {
    background: rgba(239, 68, 68, 0.2);
    color: var(--danger-color);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.pressed-3ee3 {
    margin-top: 2rem;
}

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

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

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

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

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

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

.column-2535 {
    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 */
.status_18b8 {
    padding: var(--section-padding);
}

.brown_454e {
    margin: 2rem 0;
}

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

.breadcrumb-selected-395d {
    color: var(--warning-color);
    margin-bottom: 1rem;
}

.notice-middle-b432 {
    list-style: none;
    padding: 0;
}

.notice-middle-b432 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;
}

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

.notice-middle-b432 li:last-child {
    border-bottom: none;
}

.summary_fe5f {
    margin: 2rem 0;
}

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

.media-south-03db {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

.mask-advanced-a854 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

.list_up_2e72 {
    margin-top: 2rem;
}

.background-paper-d0ce {
    color: var(--success-color);
    margin-bottom: 1.5rem;
}

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

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

.cool-430b a {
    color: var(--accent-color);
    text-decoration: none;
}

.cool-430b a:hover {
    text-decoration: underline;
}

.purple_fe30 {
    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 */
.aside-orange-8283 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.hidden-complex-3cd4 {
    margin: 2rem 0;
}

.layout-d5e4 {
    margin-bottom: 3rem;
}

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

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

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

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

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

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

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

.outline_b600 {
    margin: 2rem 0;
}

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

.notice-silver-3ff5 {
    overflow-x: auto;
    margin: 2rem 0;
}

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

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

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

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

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

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

.widget_17cd .tertiary-copper-5947 {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

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

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

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

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

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

.section-lite-0223 {
    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;
}

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

.small-95ca {
    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);
}

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

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

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

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

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

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

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

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

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

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

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

.box-3af4 {
    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);
}

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

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

.box-3af4 .modal-dim-a536 {
    color: var(--text-gray);
    font-size: 1rem;
}

.preview-16a3 {
    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);
}

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

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

/* Football Leagues Section */
.dim-b604 {
    margin: 2rem 0;
}

.hard-3a36 {
    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);
}

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

.gallery-43ba {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.chip-large-e583 {
    flex: 1;
}

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

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

/* Live Features Section */
.column-c08f {
    margin: 2rem 0;
}

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

.wide-8a73 .secondary_b0bb {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

.wide-8a73 .light_238c {
    color: var(--text-gray);
    margin: 0;
}

.chip-small-f917 {
    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);
}

.chip-small-f917 .tall_bd24 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

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

/* Bonus Tier Styles */
.banner_282f {
    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;
}

.link_86b4 {
    flex: 1;
}

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

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

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

.aside-dirty-bc80 {
    flex: 1;
}

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

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

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

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

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

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

.gradient_tall_e7e5 {
    margin-top: 2rem;
}

.gradient_tall_e7e5 .content-4e94 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

/* Game Categories Section */
.photo-orange-46af {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.main_df8b {
    margin: 2rem 0;
}

.highlight_e8a6 {
    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 */
.mini-054c {
    padding: var(--section-padding);
}

.label-green-3943 {
    margin-top: 1rem;
}

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

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

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

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

.filter-1d17 {
    margin: 2rem 0;
}

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

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

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

.tiny-17f8 {
    margin: 2rem 0;
}

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

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

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

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

.wrapper-664a {
    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);
}

.alert-black-a813 {
    color: var(--text-white);
    font-weight: 600;
}

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

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

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

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

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

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

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

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

.orange_3c8a .accent-motion-5cdb {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

.header-638d {
    flex: 1;
}

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

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

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

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

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

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

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

/* Slots Section */
.breadcrumb-prev-d62f {
    padding: var(--section-padding);
}

.full_bf2c {
    margin: 2rem 0;
}

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

.container_53d1 {
    margin: 2rem 0;
}

.menu-0b10 {
    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);
}

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

.menu-0b10 .disabled-brown-c27a {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.menu-0b10 .active-97f5 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

.menu-stone-e946 {
    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);
}

.menu-stone-e946 .tall_bd24 {
    color: var(--text-gray);
    margin: 0;
    text-align: center;
    font-size: 1.125rem;
}

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

.photo_solid_5f54 {
    margin: 2rem 0;
}

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

.footer-smooth-4c32 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

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

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

.focused_a7ca.fn-active-ce2d {
    background: var(--accent-color);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

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

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

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

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

.full-3765 {
    margin: 2rem 0;
}

.notification-4a04 {
    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);
}

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

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

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

.simple-b91f {
    flex: 1;
}

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

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

.alert-narrow-cf92 {
    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;
}

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

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

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

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

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

.gradient-bright-29a8 {
    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);
}

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

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

/* New Games Section */
.right-7385 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

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

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

.progress_093c {
    font-size: 2rem;
}

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

.over-ca75 {
    flex: 1;
}

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

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

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

.text_soft_492c {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

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

.label-fluid-9b2a {
    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;
}

.label-fluid-9b2a:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-glow);
}

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

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

.module_5c60 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

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

.chip-415c {
    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);
}

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

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

.photo-tall-3cef {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
    text-align: center;
}

.photo-tall-3cef strong {
    color: var(--accent-color);
}

/* Security Section */
.red-8eae {
    padding: var(--section-padding);
}

/* Benefits Section */
.dropdown-basic-88df {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

/* Help Section */
.next-cd28 {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.tertiary-3170 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.plasma-757f {
    margin: 3rem 0;
    display: grid;
    gap: 2rem;
}

.label-clean-c5a1 {
    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) {
    .label-clean-c5a1 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.label-clean-c5a1 .purple_beb3 {
    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;
}

.label-clean-c5a1 .aside-dirty-bc80 {
    flex: 1;
}

.label-clean-c5a1 .border_5ac5 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

.label-clean-c5a1 .sort_top_cb20 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

.small_39c0 .paragraph-easy-5681 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

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

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

.smooth-396f {
    text-align: center;
    margin-top: 2rem;
}

/* Quick Registration Section */
.texture_dae2 {
    padding: var(--section-padding);
}

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

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

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

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

.secondary_4912 .main-wood-dbf9 {
    font-size: 2rem;
    flex-shrink: 0;
}

.secondary_4912 .form_in_6479 {
    flex: 1;
}

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

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

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

.under_d30e .tall-4a9a {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.under_d30e .slow-0e1e {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

.under_d30e .slow-0e1e 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);
}

.under_d30e .slow-0e1e li:last-child {
    border-bottom: none;
}

.under_d30e .slow-0e1e 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;
}

.under_d30e .slow-0e1e li strong {
    color: var(--text-white);
}

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

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

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

/* Security Tips Section */
.bottom-df22 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.title-524d {
    font-size: 2rem;
}

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

.module-upper-a034 {
    flex: 1;
}

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

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

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

.mask_7780 {
    margin-top: 3rem;
}

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

.breadcrumb-selected-395d {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.notice-middle-b432 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.notice-middle-b432 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.notice-middle-b432 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.notice-middle-b432 li strong {
    color: var(--warning-color);
}

/* Tech Stack Section */
.message_out_585b {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.nav-dedb {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

/* Performance Section */
.shadow_c77e {
    padding: var(--section-padding);
}

.table-3bee {
    margin: 2rem 0;
}

.panel-static-da60 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

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

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

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

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

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

.in-f827 {
    color: var(--text-white);
    margin: 0;
    font-size: 1rem;
}

.progress_08f3 {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.progress_08f3.description-first-9e1e {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.soft-7fc8 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.top_a38a {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.motion-e766 {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

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

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

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

/* Update Log Section */
.center-4f41 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.progress_817e {
    margin: 2rem 0;
}

.in-4f33 {
    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) {
    .in-4f33 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.in-4f33::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);
}

.hovered-260a {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.mini_04e7 {
    flex: 1;
}

.fresh_7b4b {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

.wrapper_narrow_4732 li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

.filter-5be9 {
    flex: 1;
}

.active-419f {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

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

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

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

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

/* Promo Highlights */
.panel-hot-7bed {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

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

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

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

.middle-daf9 .breadcrumb-921f {
    font-size: 2rem;
    flex-shrink: 0;
}

.middle-daf9 .panel_hard_3ad1 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.middle-daf9 .accordion_upper_cadd {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

.middle-daf9 .warm_75ba {
    color: var(--accent-color);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Featured Promos Section */
.filter-fluid-ee15 {
    padding: var(--section-padding);
}

.message-f250 .info_pink_ae13 {
    flex: 1;
}

/* Promo Calendar Section */
.photo-action-800e {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.menu_tiny_ee82 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.main_current_acd4 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

.outline-b5bf {
    color: var(--accent-color);
    font-weight: 600;
    font-size: 0.875rem;
}

.column_e225 {
    color: var(--text-white);
    font-size: 0.9375rem;
}

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

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

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

/* Requirements Section */
.accent_under_ae86 {
    padding: var(--section-padding);
}

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

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

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

.slider-bronze-3cbe {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

.highlight-f5f3 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.first_f98c {
    margin-top: 3rem;
}

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

.first_f98c .breadcrumb-selected-395d {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.first_f98c .notice-middle-b432 {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.first_f98c .notice-middle-b432 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.first_f98c .notice-middle-b432 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.first_f98c .notice-middle-b432 li strong {
    color: var(--warning-color);
}

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

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

/* Winners Hall Section */
.list_415f {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.input-south-9c35 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

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

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

.widget-iron-582c .banner_3b56 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.black_89ed {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.grid-clean-a66f {
    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);
}

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

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

.background-west-1db1 {
    flex: 1;
}

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

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

.tooltip-smooth-f7fc {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

@media (min-width: 640px) {
    .box-west-836c {
        grid-template-columns: repeat(4, 1fr);
    }
}

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

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

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

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

.detail-4c32 {
    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);
}

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

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

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.brown_9282 { 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; }
.article-fresh-f04b, .pagination-copper-b5d7 { max-width:100%; height:auto; }

.aside-06b8, .secondary-530a, .widget-full-3a0f { white-space:normal; }

.banner_stone_613d,
.widget_basic_185a,
.bronze-903d,
.panel-hot-7bed,
.column-c08f,
.card-blue-8f0c {
  flex-wrap:wrap;
}

[class*="grid"],
.box-west-836c,
.panel-static-da60,
.detail-center-47c6 {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.center_e804 img,
.widget_basic_185a img,
.wide_b404 img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.yellow_7602, .complex-b1ff,
.top-0b80, .nav_red_8e54 {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.icon_bf57 { width:100%; overflow-x:auto; }
.icon_bf57 table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.over_55d0 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .over_55d0 {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.pagination_soft_1560 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.label_action_e207,
.photo-3c13,
.grid-mini-e68e,
.tiny-593d,
.logo-active-bb93,
.box-west-836c,
.panel-static-da60,
.detail-center-47c6,
.badge-first-ca7d,
.full-3765,
.over_55d0 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .label_action_e207,
  .photo-3c13,
  .grid-mini-e68e,
  .tiny-593d,
  .logo-active-bb93,
  .box-west-836c,
  .panel-static-da60,
  .detail-center-47c6,
  .badge-first-ca7d,
  .full-3765,
  .over_55d0 {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.focus-selected-cfbb,
.picture_f8d6,
.badge-1138,
.rough_df97,
.cool_1317,
.disabled_up_ac72,
.notification-4a04,
.pagination_soft_1560 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.tertiary_e863,
.label-285d,
.picture-pink-fdb8 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.tertiary_e863 > *,
.label-285d > *,
.picture-pink-fdb8 > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: 2875 */
.shadow-element-w5 {
  padding: 0.1rem;
  font-size: 12px;
  line-height: 1.3;
}