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

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

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

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

@media (min-width: 1024px) {
    .surface-tiny-cee2 {
        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 */
.gold_f6c9 {
    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);
}

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .nav-down-eb8a {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .dirty-dbc1 {
        grid-column: 1;
    }
    
    .lite-a1c1 {
        grid-column: 2;
    }
    
    .item-23db {
        grid-column: 3;
    }
}

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

.dirty-dbc1:hover img {
    transform: scale(1.05);
}

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

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

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

.container_green_0a62 {
    position: relative;
}

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

.container_green_0a62 .alert-919d {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

.alert-919d {
    display: flex;
    list-style: none;
    gap: 1.5rem;
}

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

.layout_a46f:hover,
.layout_a46f.fn-active-3e85 {
    color: var(--accent-light);
    background: var(--tertiary-bg);
    box-shadow: var(--shadow-glow);
}

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

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

/* Mobile Register Button */
.lite-a1c1 {
    display: flex;
    align-items: center;
}

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


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

.liquid-68cf::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 */
.item-23db {
    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) {
    .item-23db {
        display: none;
    }
}

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

.item-23db.fn-active-3e85 span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.item-23db.fn-active-3e85 span:nth-child(2) {
    opacity: 0;
}

.item-23db.fn-active-3e85 span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

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

.tooltip_center_b940.fn-active-3e85 {
    display: block;
    max-height: 500px;
}

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

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

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

.inner-dd4e:hover,
.inner-dd4e.fn-active-3e85 {
    background: var(--tertiary-bg);
    color: var(--accent-light);
    border-left: 3px solid var(--accent-color);
    padding-left: 1.375rem;
}


/* 移动端注册按钮动画效果 */
.inner-dd4e.summary_e432 {
    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;
}

.inner-dd4e.summary_e432::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 */
.icon_72cd {
    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;
}

.hero-dirty-551b {
    background: var(--primary-gradient);
    color: var(--text-white);
    box-shadow: var(--shadow-accent);
}

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

.image-south-84ed {
    background: transparent;
    color: var(--accent-color);
    border: 2px solid var(--accent-color);
}

.image-south-84ed:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

.input-5cc5 {
    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;
}

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

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

.component-plasma-5d43 {
    background: var(--secondary-bg);
    color: var(--accent-color);
    border: 1px solid var(--accent-color);
}

.component-plasma-5d43:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

.search-tall-0a12 {
    background: var(--accent-color);
    color: var(--primary-bg);
}

.search-tall-0a12:hover {
    background: var(--accent-hover);
    transform: translateY(-2px);
}

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

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

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

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

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

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

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

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

.hover-215e {
    margin-bottom: 1.5rem;
    line-height: 1.1;
}

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

.slider_b80c {
    margin-bottom: 2rem;
}

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

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

.border-259b {
    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);
}

.input_82c2 {
    font-size: 1.5rem;
}

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

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

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

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

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

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

.mask-hard-6ab9 {
    margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.item_black_5149 {
    list-style: none;
}

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

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

/* Games Features */
.status-8ffc {
    display: grid;
    gap: 2rem;
    margin: 2rem 0;
}

.caption-outer-c651 {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

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

.tag-mini-c3ba {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.hovered-18cd {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

.logo-wood-97f1 {
    font-size: 2.5rem;
    font-weight: 900;
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

.fixed_5a5c {
    font-size: 1.5rem;
}

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

.top_c46b {
    list-style: none;
}

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

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

/* Security Features */
.hero-29b7 {
    margin: 2rem 0;
}

.title_177f {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

.card_bright_1a0e {
    font-size: 1.25rem;
}

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

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

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

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

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

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

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

.slow-905e {
    margin-bottom: 1rem;
}

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

.white-94c4 {
    margin-bottom: 3rem;
}

.paragraph-2f53 {
    margin-top: 3rem;
}

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

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

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

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

.video-new-31d9 {
    font-size: 0.875rem;
    color: var(--text-gray);
    font-weight: 500;
}

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

.main-d0e1 {
    display: grid;
    gap: 2rem;
    padding: 3rem 0 2rem;
}

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

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

.lower_e5c0 {
    margin-bottom: 1rem;
}

.description-c10e img {
    margin-bottom: 1rem;
}

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

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

.border_stone_ba20 {
    list-style: none;
}

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

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

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

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

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

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

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

.aside-top-5847 p {
    margin-bottom: 0.25rem;
}

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

.section_fixed_fe1b {
    text-align: center;
}

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

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

.aside-easy-bdc8 {
    font-size: 0.75rem !important;
}

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

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

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

.south_9791 {
    animation: pulse 2s infinite;
}

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

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

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

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

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

.table_light_1a09 .tag-a82b {
    font-size: 1.25rem;
}

.table_light_1a09 .element-4427 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

.feature-wood-c9f3 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

.grid-09b8 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.link_hot_8647 .tag-mini-c3ba {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.link_hot_8647 .hovered-18cd {
    color: var(--text-gray);
    line-height: 1.6;
}

.notice-narrow-cb5b {
    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);
}

.tabs-hard-bd86 {
    display: flex;
    justify-content: center;
    margin: 3rem 0;
}

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

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

/* Login Page Specific Styles */
.short-11bf {
    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);
}

.pattern-slow-cd34 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.list-aaa3 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

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

.list-aaa3 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);
}

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

.list-aaa3 input::placeholder {
    color: var(--text-muted);
}

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

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

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

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

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

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

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

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

.active_9fb3 .card_bright_1a0e {
    font-size: 1.25rem;
}

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

.media-3399 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.carousel_59a9 .tag-a82b {
    font-size: 2rem;
    flex-shrink: 0;
}

.carousel_59a9 .tag-mini-c3ba {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.carousel_59a9 .hovered-18cd {
    color: var(--text-gray);
    line-height: 1.6;
}

.outer-c3aa {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

.texture_white_4766 {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

.paper-721e {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

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

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

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

.over-bdcf .footer-mini-3772 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.over-bdcf .breadcrumb_3c04 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

.block-a8f5 .tag-a82b {
    font-size: 2rem;
    flex-shrink: 0;
}

.block-a8f5 .tag-mini-c3ba {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.block-a8f5 .hovered-18cd {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

.middle-89d9 {
    font-size: 2rem;
    flex-shrink: 0;
}

.popup-wide-9d4c {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

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

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

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

.brown-9a6e {
    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);
}

.icon-6eaa {
    flex: 1;
}

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

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

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

.tiny-fc71 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

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

.next-7b32 {
    font-size: 2rem;
    flex-shrink: 0;
}

.orange-796e {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

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

.notice-hard-e71f {
    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);
}

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

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

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

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

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

.block-a8f5 .tag-mini-c3ba {
    color: var(--success-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.block-a8f5 .hovered-18cd {
    color: var(--text-gray);
    line-height: 1.6;
}

.heading-first-89a4 {
    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);
}

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

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

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

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

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

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

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

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

.image_d564 {
    padding: 1.5rem;
}

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

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

.button-ed19 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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.nav-over-68a2 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

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

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

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

.badge_short_e071 {
    text-align: center;
}

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

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

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

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

.form_gold_c5c3 .tag-mini-c3ba {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.form_gold_c5c3 .hovered-18cd {
    color: var(--text-gray);
    line-height: 1.6;
}

.column-cold-fc22 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

.plasma-8b90 {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

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

.fresh-616c {
    padding: 1.5rem;
}

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

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

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

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

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

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

.footer-in-ecd4 {
    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);
}

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

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

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

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

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

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

.east-479f {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.input-silver-3d6c {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

.sort-ab82 {
    display: flex;
    gap: 1rem;
}

.sort-ab82 .hero_adab {
    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;
}

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

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

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

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

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

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

.backdrop-up-c8a3 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

.shade_static_5b42 {
    font-size: 1rem;
}

.detail_thick_9272 {
    padding: 1.5rem;
}

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

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

.mini_eecc .badge_short_e071 {
    text-align: center;
}

.mini_eecc .column-slow-fd44 {
    color: var(--text-muted);
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.status-cool-548e {
    color: var(--success-color);
    font-weight: 600;
    font-size: 0.875rem;
}

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

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

.mask-down-4203 {
    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;
}

.mask-down-4203.hidden-hot-c767 {
    background: linear-gradient(135deg, #cd7f32, #a0522d);
    color: white;
}

.mask-down-4203.carousel-36d9 {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

.mask-down-4203.caption-15c0 {
    background: linear-gradient(135deg, #ffd700, #ffb347);
    color: #0f172a;
}

.mask-down-4203.tertiary-cool-9c92 {
    background: linear-gradient(135deg, #e5e4e2, #b8b8b8);
    color: #0f172a;
}

.mask-down-4203.wood_d24a {
    background: linear-gradient(135deg, #b9f2ff, #00bfff);
    color: #0f172a;
}

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

.up-5d5b {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

.outer-c3aa 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;
}

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

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

.thumbnail-9a61 {
    display: grid;
    gap: 1.5rem;
    margin: 3rem 0;
}

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

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

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

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

.block-166d.breadcrumb_complex_552d {
    grid-column: 1 / -1;
    border-color: rgba(6, 182, 212, 0.3);
}

@media (min-width: 1024px) {
    .block-166d.breadcrumb_complex_552d {
        grid-column: span 3;
    }
}

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

.block-166d.breadcrumb_complex_552d .west-1790 {
    background: rgba(6, 182, 212, 0.1);
}

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

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

.block-166d.breadcrumb_complex_552d .red_d1cd {
    color: var(--info-color);
}

.video-77d8 {
    padding: 1.5rem;
    text-align: center;
}

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

.block-166d.breadcrumb_complex_552d .sort_4bde {
    color: var(--info-color);
}

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

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

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

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

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

.aside-soft-b69d {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.feature_blue_ca89 {
    flex: 1;
}

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

.form-prev-c569 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.disabled-brown-1511 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

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

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

.component_f5c5 .badge_short_e071 {
    text-align: center;
}

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

.component_f5c5 .column-slow-fd44 {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

.slow-fb6e {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.accent-dirty-f213 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

.small-5bdc {
    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);
}

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

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

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

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

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

.pressed_cdbf.complex-16c2 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--info-color);
}

.filter-west-0893 {
    padding: 1.5rem;
    text-align: center;
}

.picture-brown-861c {
    color: var(--text-gray);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

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

.paper-80c2 .search_b765 {
    color: var(--text-gray);
    font-size: 0.875rem;
    text-align: left;
}

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

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

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

.heading-center-9a06 {
    text-align: center;
}

.heading-center-9a06 .preview_full_dbce {
    font-size: 2rem;
    font-weight: 900;
    color: var(--success-color);
    margin-bottom: 0.5rem;
}

.heading-center-9a06 .column-slow-fd44 {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Utility Classes */
.green-32ad { text-align: center; }
.shadow-4b35 { text-align: left; }
.glass-eb2a { text-align: right; }

.summary_085a { margin-bottom: 0; }
.chip-last-48c4 { margin-bottom: 0.5rem; }
.west_0793 { margin-bottom: 1rem; }
.mask_bronze_268c { margin-bottom: 1.5rem; }
.mini_f279 { margin-bottom: 2rem; }

.light_abce { margin-top: 0; }
.texture_complex_a22b { margin-top: 0.5rem; }
.chip_1e3a { margin-top: 1rem; }
.column-full-cfd9 { margin-top: 1.5rem; }
.slider-rough-618a { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .north-cc25 {
        padding: 6rem 0 3rem;
    }
    
    .overlay-dim-a46a {
        text-align: center;
    }
    
    .video_fresh_4bae {
        text-align: center;
    }
    
    .border_83fb {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .gold_f6c9,
    .tooltip_center_b940,
    .info_dark_89a8,
    .old_081a {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .north-cc25 {
        background: none;
    }
}

/* Providers Section */
.media-20c6 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

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

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

.container-left-515d {
    list-style: none;
    padding: 0;
}

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

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

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

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

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

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

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

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

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

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

.avatar-gas-b5d5 {
    display: flex;
    flex-direction: column;
}

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

.secondary-tiny-8d02 {
    font-size: 0.875rem;
    color: var(--text-muted);
}

.overlay-223f {
    color: var(--accent-color);
}

.action_91b2 {
    font-size: 1.25rem;
}

.popup_24dd {
    margin-bottom: 1rem;
}

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

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

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

.badge_short_e071 {
    text-align: center;
}

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

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

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

.tabs-complex-a763 {
    margin: 2rem 0;
}

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

.modal_upper_d621 .tag-a82b {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

.tertiary-dcc6 {
    font-size: 2rem;
}

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

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

.dropdown-brown-34af {
    font-size: 0.875rem;
    color: var(--text-muted);
}

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

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

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

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

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

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

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

.image_large_1cdf .column-slow-fd44 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.75rem;
    display: block;
}

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

.bronze-e91d {
    margin-top: 4rem;
}

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

.component-f760 {
    overflow-x: auto;
}

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

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

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

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

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

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

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

.brown-50ba {
    max-width: 900px;
    margin: 0 auto;
}

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

.pattern-0aa2:hover {
    border-color: var(--accent-color);
}

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

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

.list-focused-bd09 {
    font-size: 1.5rem;
    color: var(--accent-color);
    font-weight: 300;
    transition: transform var(--transition-normal);
}

.pattern-0aa2.fn-active-3e85 .list-focused-bd09 {
    transform: rotate(45deg);
}

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

.pattern-0aa2.fn-active-3e85 .chip_current_0d48 {
    max-height: 1000px;
}

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

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

.tabs-hard-bd86 {
    margin: 2rem 0;
    text-align: center;
}

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

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

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

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

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

.modal-cfb9 {
    font-size: 2rem;
}

.list-gold-a788 {
    color: var(--text-white);
    margin: 0;
}

.button-fluid-2c1a {
    list-style: none;
    padding: 0;
}

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

.button-fluid-2c1a li:last-child {
    border-bottom: none;
}

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

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

.upper_662f {
    margin-top: 3rem;
}

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

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

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

.row-west-96d0 {
    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);
}

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

.row-west-96d0 p {
    color: var(--text-gray);
    margin: 0;
}

/* User Stories Section */
.text-yellow-8b78 {
    padding: var(--section-padding);
}

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

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

.carousel-medium-4565 {
    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-medium-4565:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

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

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

.cool_0c30 {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.secondary_e34f, .surface_bronze_cd3e, .smooth-e24d {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

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

.image_bright_ac2d {
    margin: 2rem 0;
}

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

.item-last-84b0 {
    color: var(--accent-color);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.wood-7fc2 {
    list-style: none;
    padding: 0;
}

.wood-7fc2 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;
}

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

.wood-7fc2 li:last-child {
    border-bottom: none;
}

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

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

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

.photo_18fb {
    margin: 2rem 0;
}

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

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

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

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

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

.heading_out_548b {
    flex: 1;
}

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

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

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

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

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

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

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

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

.header_3723 .column-slow-fd44 {
    color: var(--text-gray);
    font-size: 1rem;
}

.column_60c3 {
    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_cool_ae1f {
    color: var(--text-gray);
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
}

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

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

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

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

.hover_acea {
    margin-bottom: 1.5rem;
}

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

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

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

.logo-steel-be58 {
    width: 100%;
    margin-top: 1rem;
}

.small-cb16 {
    display: flex;
    align-items: center;
}

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

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

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

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

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

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

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

.accent-huge-db35 {
    margin-top: 3rem;
}

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

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

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

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

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

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

.purple_caa6 {
    margin: 2rem 0;
}

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

.slider-thick-f582 {
    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;
}

.slider-thick-f582:hover, .slider-thick-f582.fn-active-3e85 {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.menu-center-10fa {
    display: none;
}

.menu-center-10fa.fn-active-3e85 {
    display: block;
}

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

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

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

.detail-silver-e362 ul {
    list-style: none;
    padding: 0;
}

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

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

.primary_south_865d {
    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 */
.table-99c8 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.yellow-0dff {
    display: flex;
    gap: 1.5rem;
}

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

.element-dim-6179 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 2rem 0;
}

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

.highlight_static_6b49.link-middle-da83 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

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

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

.primary_advanced_faf4 {
    margin-top: 2rem;
}

.media-807c {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

.footer_c3d3 {
    margin: 2rem 0;
}

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

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

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

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

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

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

.solid-bbeb {
    margin: 2rem 0;
}

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

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

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

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

.banner-49e6 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

.bottom_4b25 {
    margin-top: 2rem;
}

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

.disabled-medium-2dce {
    list-style: none;
    padding: 0;
}

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

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

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

.pattern-down-f438 {
    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 */
.paragraph_9e52 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.header_stone_8c38 {
    margin: 2rem 0;
}

.left_288c {
    margin-bottom: 3rem;
}

.left_288c .item-last-84b0 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

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

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

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

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

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

.secondary-3e4d {
    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 */
.message_18d0 {
    padding: var(--section-padding);
}

.silver_f371 {
    margin: 2rem 0;
}

.button-465a {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

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

.highlight_old_08f8 .tag-a82b {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

.highlight_old_08f8 .tag-mini-c3ba {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

.card-clean-ad14 {
    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);
}

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

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

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

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

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

.action-685d {
    color: var(--text-white);
    font-weight: 600;
}

.box-top-4e4f {
    color: var(--text-muted);
    font-size: 0.875rem;
}

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

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

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

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

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

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

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

.first_4203 .column-slow-fd44 {
    color: var(--text-gray);
    font-size: 1rem;
}

.grid-gold-8fc8 {
    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);
}

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

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

/* Football Leagues Section */
.layout_focused_e195 {
    margin: 2rem 0;
}

.notice-hard-e71f {
    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);
}

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

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

.shade_b6c6 {
    flex: 1;
}

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

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

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

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

.block-a8f5 .tag-mini-c3ba {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

.block-a8f5 .hovered-18cd {
    color: var(--text-gray);
    margin: 0;
}

.heading-first-89a4 {
    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);
}

.heading-first-89a4 .photo_silver_3769 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

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

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

.icon-6eaa {
    flex: 1;
}

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

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

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

.shadow-a311 {
    flex: 1;
}

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

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

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

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

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

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

.menu_outer_c408 {
    margin-top: 2rem;
}

.menu_outer_c408 .label-a5cf {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

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

.simple_02cd {
    margin: 2rem 0;
}

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

.fresh-616c {
    margin-top: 1rem;
}

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

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

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

/* RTP Info Section */
.highlight-tall-2ab0 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.picture_west_ed69 {
    margin: 2rem 0;
}

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

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

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

.caption_384c {
    margin: 2rem 0;
}

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

.feature-a971 .item-last-84b0 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

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

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

.badge-996a {
    color: var(--text-white);
    font-weight: 600;
}

.content-top-203a {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1.125rem;
}

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

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

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

.outer-38c3 {
    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;
}

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

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

.over_0cc6 .article-b996 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.dark_ce4d {
    flex: 1;
}

.wrapper-brown-13fe {
    color: var(--text-gray);
    margin-bottom: 1rem;
    line-height: 1.6;
}

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

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

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

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

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

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

/* Slots Section */
.block-dim-f149 {
    padding: var(--section-padding);
}

.list_hovered_1caa {
    margin: 2rem 0;
}

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

.logo_small_0e61 {
    margin: 2rem 0;
}

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

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

.over-bdcf .footer-mini-3772 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.over-bdcf .breadcrumb_3c04 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

.lower-185f {
    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);
}

.lower-185f .photo_silver_3769 {
    color: var(--text-gray);
    margin: 0;
    text-align: center;
    font-size: 1.125rem;
}

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

.new-2357 {
    margin: 2rem 0;
}

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

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

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

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

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

.wide_460c.fn-active-3e85 {
    background: var(--accent-color);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

.alert-focused-0468 {
    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);
}

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

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

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

.hovered-0c61 {
    margin: 2rem 0;
}

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

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

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

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

.pagination_6b9a {
    flex: 1;
}

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

.highlight-light-388b {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

.small_36b5 {
    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-e061 {
    color: var(--text-gray);
    margin-bottom: 1rem;
    line-height: 1.6;
}

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

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

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

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

.hover-60ea {
    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);
}

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

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

/* New Games Section */
.disabled-219e {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.panel-left-ac26 {
    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;
}

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

.section_d3ae {
    font-size: 2rem;
}

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

.aside_bright_bc25 {
    flex: 1;
}

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

.heading-outer-ff68 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

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

.feature_37cb {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

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

.text-61a0 {
    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;
}

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

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

.outline-copper-44d4 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.label_3ca5 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

/* Security Section */
.new_3823 {
    padding: var(--section-padding);
}

/* Benefits Section */
.avatar-3b10 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

/* Help Section */
.selected_c197 {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.notice_static_c399 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

.focus-fixed-c23c {
    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) {
    .focus-fixed-c23c {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.focus-fixed-c23c .secondary_stone_6c6f {
    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;
}

.focus-fixed-c23c .shadow-a311 {
    flex: 1;
}

.focus-fixed-c23c .frame-new-ace7 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

.focus-fixed-c23c .image_b68f {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

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

.steel-b0bd .media-3399 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.steel-b0bd .media-3399 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
}

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

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

/* Quick Registration Section */
.hero-2da4 {
    padding: var(--section-padding);
}

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

@media (min-width: 640px) {
    .feature-east-abf0 {
        grid-template-columns: repeat(3, 1fr);
    }
}

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

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

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

.form_8f72 .input_full_ac8b {
    flex: 1;
}

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

.form_8f72 .mask-4c18 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

.link-purple-e3fd .aside-iron-70c8 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.link-purple-e3fd .gradient-stone-6f27 {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

.link-purple-e3fd .gradient-stone-6f27 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);
}

.link-purple-e3fd .gradient-stone-6f27 li:last-child {
    border-bottom: none;
}

.link-purple-e3fd .gradient-stone-6f27 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;
}

.link-purple-e3fd .gradient-stone-6f27 li strong {
    color: var(--text-white);
}

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

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

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

/* Security Tips Section */
.tabs-999d {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.static-a26b {
    font-size: 2rem;
}

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

.notice-bronze-6737 {
    flex: 1;
}

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

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

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

.hard_4426 {
    margin-top: 3rem;
}

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

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

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

.dynamic_2ef0 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.dynamic_2ef0 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

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

/* Tech Stack Section */
.last-d0b6 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.progress-glass-ba63 {
    margin: 2rem 0;
}

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

.aside_steel_3287 .item-last-84b0 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

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

.banner-new-993d {
    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);
}

.banner-new-993d:hover {
    border-color: var(--accent-color);
    transform: translateX(4px);
}

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

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

/* Performance Section */
.picture_selected_f3c7 {
    padding: var(--section-padding);
}

.sort-bronze-303a {
    margin: 2rem 0;
}

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

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

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

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

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

.gallery-53e9 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

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

.red-3e10 {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.red-3e10.basic_494c {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.message_east_614c {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.top-c78f {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.widget-db72 {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

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

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

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

/* Update Log Section */
.photo-dd84 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.footer-7f28 {
    margin: 2rem 0;
}

.basic-0e93 {
    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) {
    .basic-0e93 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.basic-0e93::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);
}

.footer_e027 {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.iron_7284 {
    flex: 1;
}

.current-bf6d {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

.list-10be li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.footer-7b38 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 640px) {
    .footer-7b38 {
        grid-template-columns: repeat(3, 1fr);
    }
}

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

.tooltip-372a {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.warm-3584 {
    flex: 1;
}

.pagination-e218 {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

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

.breadcrumb-94bd {
    margin-top: 2rem;
    text-align: center;
}

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

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

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

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

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

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

.container_0cf6 .row-b98e {
    font-size: 2rem;
    flex-shrink: 0;
}

.container_0cf6 .disabled_tiny_9407 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.container_0cf6 .row-4c70 {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

.container_0cf6 .carousel_steel_e5fc {
    color: var(--accent-color);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Featured Promos Section */
.iron-4382 {
    padding: var(--section-padding);
}

.detail_3ab9 .first_e232 {
    flex: 1;
}

/* Promo Calendar Section */
.aside-pink-3cb9 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.component_tiny_97b4 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.pink-c46b {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

.picture-action-5f52 {
    color: var(--text-white);
    font-size: 0.9375rem;
}

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

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

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

/* Requirements Section */
.notification-f5d6 {
    padding: var(--section-padding);
}

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

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

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

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

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

.pattern_dirty_a54a li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.narrow_95ba {
    margin-top: 3rem;
}

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

.narrow_95ba .shade_d47d {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.narrow_95ba .dynamic_2ef0 {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.narrow_95ba .dynamic_2ef0 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.narrow_95ba .dynamic_2ef0 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.narrow_95ba .dynamic_2ef0 li strong {
    color: var(--warning-color);
}

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

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

/* Winners Hall Section */
.dropdown_5143 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.pressed-f39a .item-last-84b0 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.video_171c {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

.gold-6a53 {
    font-size: 2rem;
    flex-shrink: 0;
}

.layout_paper_f02f {
    flex: 1;
}

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

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

.north_fd76 {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.surface-tiny-cee2 { 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; }
.layout-soft-cf77, .thick-bc86 { max-width:100%; height:auto; }

.icon_72cd, .input-5cc5, .clean-b87b { white-space:normal; }

.overlay-dim-a46a,
.video_fresh_4bae,
.mask_new_5b77,
.huge_5cc8,
.message_lite_975a,
.preview_complex_c0a0 {
  flex-wrap:wrap;
}

[class*="grid"],
.text-76d3,
.table_orange_f57a,
.module_7793 {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.north-cc25 img,
.video_fresh_4bae img,
.card_blue_a614 img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.hover-215e, .old-efff,
.mask-hard-6ab9, .static-7f19 {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.component-f760 { width:100%; overflow-x:auto; }
.component-f760 table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.layout_fast_8890 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .layout_fast_8890 {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.tertiary_fixed_5ba9 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.hidden_fixed_ee34,
.item_dirty_177d,
.heading_22e1,
.hard_4fdf,
.preview_bb1e,
.text-76d3,
.table_orange_f57a,
.module_7793,
.layout_90f2,
.hovered-0c61,
.layout_fast_8890 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .hidden_fixed_ee34,
  .item_dirty_177d,
  .heading_22e1,
  .hard_4fdf,
  .preview_bb1e,
  .text-76d3,
  .table_orange_f57a,
  .module_7793,
  .layout_90f2,
  .hovered-0c61,
  .layout_fast_8890 {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.image_large_1cdf,
.header_3723,
.gas-bcb6,
.border-259b,
.element-d37d,
.heading-center-9a06,
.green_de7e,
.tertiary_fixed_5ba9 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.chip-eb32,
.progress_d512,
.inner-6c85 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.chip-eb32 > *,
.progress_d512 > *,
.inner-6c85 > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: fc95 */
.widget-item-k0 {
  padding: 0.5rem;
  font-size: 10px;
  line-height: 1.2;
}