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

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

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

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

@media (min-width: 1024px) {
    .easy-06d6 {
        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 */
.short_a4fe {
    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);
}

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .detail_bb77 {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .highlight-80e0 {
        grid-column: 1;
    }
    
    .pagination_f48d {
        grid-column: 2;
    }
    
    .under-72d3 {
        grid-column: 3;
    }
}

.highlight-80e0 img {
    height: 50px;
    width: auto;
    transition: var(--transition-fast);
}

.highlight-80e0:hover img {
    transform: scale(1.05);
}

/* Navigation */
.pattern-6ca9 {
    display: none;
}

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

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

.container-b739 {
    position: relative;
}

.tiny-066f {
    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-b739 .element-center-2d51 {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

.element-center-2d51 {
    display: flex;
    list-style: none;
    gap: 1.5rem;
}

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

.iron_f242:hover,
.iron_f242.fn-active-5f43 {
    color: var(--accent-light);
    background: var(--tertiary-bg);
    box-shadow: var(--shadow-glow);
}

/* Header Actions */
.sort-abe7 {
    display: none;
    gap: 0.75rem;
}

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

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

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


/* 移动端注册按钮光效 */
.aside-prev-28f3 {
    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;
}

.aside-prev-28f3::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 */
.under-72d3 {
    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) {
    .under-72d3 {
        display: none;
    }
}

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

.under-72d3.fn-active-5f43 span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.under-72d3.fn-active-5f43 span:nth-child(2) {
    opacity: 0;
}

.under-72d3.fn-active-5f43 span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

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

.south-4333.fn-active-5f43 {
    display: block;
    max-height: 500px;
}

/* Prevent body scroll when menu is open */
body.filter-32ea {
    overflow: hidden;
}

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

.white-24b1 {
    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;
}

.white-24b1:hover,
.white-24b1.fn-active-5f43 {
    background: var(--tertiary-bg);
    color: var(--accent-light);
    border-left: 3px solid var(--accent-color);
    padding-left: 1.375rem;
}


/* 移动端注册按钮动画效果 */
.white-24b1.video-green-b8a3 {
    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;
}

.white-24b1.video-green-b8a3::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: var(--primary-gradient);
    border-radius: inherit;
    z-index: -1;
    filter: blur(8px);
    opacity: 0.7;
    animation: pulse 2s infinite;
}

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

/* Button Styles */
.hover-paper-8642 {
    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;
}

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

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

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

.row-brown-dc75:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

.mask-wood-271c {
    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;
}

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

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

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

.dropdown-cold-4220:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

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

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

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

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

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

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

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

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

.simple-3d7a {
    margin-bottom: 1.5rem;
    line-height: 1.1;
}

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

.border_dynamic_72eb {
    margin-bottom: 2rem;
}

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

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

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

.mask_last_e030 {
    font-size: 1.5rem;
}

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

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

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

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

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

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

.module-medium-fefd {
    margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.detail-fd8c {
    list-style: none;
}

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

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

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

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

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

.row-current-307b {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

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

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

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

.texture-cool-7cbb {
    font-size: 2.5rem;
    font-weight: 900;
    margin-bottom: 0.5rem;
}

.layout-cool-effd {
    font-size: 1.125rem;
    font-weight: 600;
}

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

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

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

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

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

.dropdown-28d2 {
    font-size: 1.5rem;
}

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

.video_slow_83d5 {
    list-style: none;
}

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

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

/* Security Features */
.pagination-e370 {
    margin: 2rem 0;
}

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

.title-middle-04dc {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

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

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

.list_center_4b76 {
    font-size: 1.25rem;
}

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

/* Statistics */
.plasma-cb1b,
.wood_044c {
    text-align: center;
    margin: 2rem 0;
}

.frame_849d,
.highlight-08b4 {
    font-size: 1.125rem;
    color: var(--accent-color);
    font-weight: 600;
}

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

.hero-easy-0c51 {
    background: var(--secondary-bg);
    text-align: center;
    position: relative;
    overflow: hidden;
}

.hero-easy-0c51::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;
}

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

.current-2ddf {
    margin-bottom: 1rem;
}

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

.overlay-43fb {
    margin-bottom: 3rem;
}

.component_soft_63c8 {
    margin-top: 3rem;
}

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

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

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

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

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

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

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

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

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

.paper_b81c {
    margin-bottom: 1rem;
}

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

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

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

.paper_7e28 {
    list-style: none;
}

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

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

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

.item-simple-7126 {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.nav-stone-dbca {
    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);
}

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

.filter-large-12e4 {
    font-size: 0.875rem;
    color: var(--text-gray);
}

.filter-large-12e4 p {
    margin-bottom: 0.25rem;
}

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

.paragraph_upper_7258 {
    text-align: center;
}

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

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

.heading-9b37 {
    font-size: 0.75rem !important;
}

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

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

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

.basic_e1ac {
    animation: pulse 2s infinite;
}

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

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

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

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

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

.pattern_focused_88b6 .component-6835 {
    font-size: 1.25rem;
}

.pattern_focused_88b6 .link-a302 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

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

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

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

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

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

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

.badge-top-274d {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.nav_7a92 .row-current-307b {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

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

.over-5f50 {
    display: flex;
    justify-content: center;
    margin: 3rem 0;
}

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

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

/* Login Page Specific Styles */
.notification-32f3 {
    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);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.large-0233 .list_center_4b76 {
    font-size: 1.25rem;
}

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

.shadow-e41d {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.text-out-ef50 {
    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);
}

.text-out-ef50 .component-6835 {
    font-size: 2rem;
    flex-shrink: 0;
}

.text-out-ef50 .row-current-307b {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.text-out-ef50 .banner_24da {
    color: var(--text-gray);
    line-height: 1.6;
}

.box-down-98d0 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.up-7187 .box-orange-103f {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

.texture-0eda {
    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);
}

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

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

.surface-outer-1bda {
    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);
}

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

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

.disabled_fluid_1343 {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

.preview-solid-4262 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.slider-fluid-3a46 {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

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

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

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

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

.liquid-98cc .video_motion_fa72 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.liquid-98cc .link-down-1e0a {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

.menu_orange_1449 .component-6835 {
    font-size: 2rem;
    flex-shrink: 0;
}

.menu_orange_1449 .row-current-307b {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

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

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

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

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

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

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

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

.silver-0a9c {
    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);
}

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

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

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

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

.menu-hovered-0b66 {
    color: var(--text-white);
    font-size: 1rem;
    font-weight: 600;
}

.tag-7e24 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.paper-5a35 {
    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);
}

.tag-4fe4 {
    flex: 1;
}

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

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

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

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

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

.highlight-steel-f576 .box-orange-103f {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.highlight-steel-f576 .background_ec0b {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

.rough-0a63 {
    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);
}

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

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

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

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

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

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

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

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

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

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

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

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

.menu_orange_1449 .row-current-307b {
    color: var(--success-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

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

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

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

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

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

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

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

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

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

.fresh-cf4e {
    padding: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.gradient-cdb8 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

.notice_soft_5f6d {
    text-align: center;
}

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

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

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

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

.cold_07bf .row-current-307b {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

.info-narrow-79ab {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

.row-current-307b {
    color: var(--accent-color);
    margin: 0;
    font-size: 1.25rem;
}

.summary_51c0 {
    padding: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.badge-top-274d {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

.avatar-9f1c {
    display: flex;
    gap: 1rem;
}

.avatar-9f1c .module_3c8a {
    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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.upper_8958 {
    font-size: 1rem;
}

.filter_north_a216 {
    padding: 1.5rem;
}

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

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

.image-right-a610 .notice_soft_5f6d {
    text-align: center;
}

.image-right-a610 .caption-f2d5 {
    color: var(--text-muted);
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.25rem;
}

.image-right-a610 .footer-basic-39c1 {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

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

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

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

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

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

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

.accent-north-932b {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

.hard-e0ba {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.preview-rough-2f62 {
    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);
}

.chip-prev-044b {
    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;
}

.chip-prev-044b.upper_f181 {
    background: linear-gradient(135deg, #cd7f32, #a0522d);
    color: white;
}

.chip-prev-044b.fast-5b6b {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

.chip-prev-044b.focus-2aaa {
    background: linear-gradient(135deg, #ffd700, #ffb347);
    color: #0f172a;
}

.chip-prev-044b.section_current_195b {
    background: linear-gradient(135deg, #e5e4e2, #b8b8b8);
    color: #0f172a;
}

.chip-prev-044b.text_clean_70a4 {
    background: linear-gradient(135deg, #b9f2ff, #00bfff);
    color: #0f172a;
}

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

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

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

.list-over-ebcd {
    color: var(--info-color);
    margin-bottom: 1rem;
    font-size: 1.125rem;
}

.box-down-98d0 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.box-down-98d0 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;
}

.box-down-98d0 li:last-child {
    border-bottom: none;
}

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

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

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

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

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

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

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

@media (min-width: 1024px) {
    .focus-1f26.easy_3e3b {
        grid-column: span 3;
    }
}

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

.focus-1f26.easy_3e3b .lite_bd78 {
    background: rgba(6, 182, 212, 0.1);
}

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

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

.focus-1f26.easy_3e3b .picture_8998 {
    color: var(--info-color);
}

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

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

.focus-1f26.easy_3e3b .menu_b1c5 {
    color: var(--info-color);
}

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

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

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

.hidden-stone-e6ea {
    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);
}

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

.right-9232 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.text-out-ef50 {
    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);
}

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

.video-49bd {
    flex: 1;
}

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

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

.modal-mini-b211 {
    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);
}

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

.alert-north-dd2f {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

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

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

.badge-0ba7 .notice_soft_5f6d {
    text-align: center;
}

.badge-0ba7 .nav_clean_ff98 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--info-color);
    margin-bottom: 0.5rem;
}

.badge-0ba7 .caption-f2d5 {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

.yellow-cee8 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.status-slow-1a80 {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

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

.icon-huge-4b59 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.active-23f7 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

.right-229f {
    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);
}

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

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

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

.summary-7655.fast-844d {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.summary-7655.logo-fluid-b643 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
}

.summary-7655.hovered-60e1 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--info-color);
}

.dark-7ea6 {
    padding: 1.5rem;
    text-align: center;
}

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

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

.input_4b51 .container-pro-1fff {
    color: var(--text-gray);
    font-size: 0.875rem;
    text-align: left;
}

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

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

.alert-new-f527 {
  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);
}

.avatar_809c {
    text-align: center;
}

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

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

/* Utility Classes */
.main-large-280a { text-align: center; }
.gas_9223 { text-align: left; }
.pattern_mini_297b { text-align: right; }

.hero-paper-fa1f { margin-bottom: 0; }
.east-d304 { margin-bottom: 0.5rem; }
.footer-cb43 { margin-bottom: 1rem; }
.box_stone_be49 { margin-bottom: 1.5rem; }
.lite_9ef6 { margin-bottom: 2rem; }

.article_narrow_3b55 { margin-top: 0; }
.caption-6b12 { margin-top: 0.5rem; }
.hidden-down-978a { margin-top: 1rem; }
.hot-f2ba { margin-top: 1.5rem; }
.over-6939 { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .block_6dc1 {
        padding: 6rem 0 3rem;
    }
    
    .short-7e19 {
        text-align: center;
    }
    
    .copper_b98c {
        text-align: center;
    }
    
    .column_e3ca {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .short_a4fe,
    .south-4333,
    .hero-easy-0c51,
    .huge_8cf4 {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .block_6dc1 {
        background: none;
    }
}

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

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

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

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

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

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

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

.outline-out-8be2 {
    color: var(--text-gray);
    margin-bottom: 1rem;
    line-height: 1.6;
}

.border-7bcc {
    list-style: none;
    padding: 0;
}

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

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

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

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

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

.texture-brown-366f {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;
    margin: 2rem 0;
}

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

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

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

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

.hero-motion-657d {
    display: flex;
    flex-direction: column;
}

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

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

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

.layout_cool_9f13 {
    font-size: 1.25rem;
}

.action-ed3c {
    margin-bottom: 1rem;
}

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

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

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

.notice_soft_5f6d {
    text-align: center;
}

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

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

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

.last-9669 {
    margin: 2rem 0;
}

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

.caption-1155 .component-6835 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

.widget-d6e5 {
    font-size: 2rem;
}

.form-258d {
    display: flex;
    flex-direction: column;
}

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

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

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

.notification-narrow-960d {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;
    margin: 2rem 0;
}

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

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

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

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

.image-cb6d .caption-f2d5 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.75rem;
    display: block;
}

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

.card-bright-aa9b {
    margin-top: 4rem;
}

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

.outer_8d33 {
    overflow-x: auto;
}

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

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

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

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

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

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

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

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

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

.table-wood-5645:hover {
    border-color: var(--accent-color);
}

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

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

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

.table-wood-5645.fn-active-5f43 .link_hot_cf0c {
    transform: rotate(45deg);
}

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

.table-wood-5645.fn-active-5f43 .avatar_1d83 {
    max-height: 1000px;
}

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

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

.over-5f50 {
    margin: 2rem 0;
    text-align: center;
}

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

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

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

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

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

.disabled_center_08b0 {
    font-size: 2rem;
}

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

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

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

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

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

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

.dirty_6464 {
    margin-top: 3rem;
}

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

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

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

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

.chip-left-7199 {
    font-size: 1.5rem;
    flex-shrink: 0;
}

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

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

.nav-over-50bc {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

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

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

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

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

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

.secondary-red-08fc {
    flex: 1;
}

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

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

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

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

.simple-8005:last-child {
    border-bottom: none;
}

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

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

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

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

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

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

.surface-lower-8d89, .silver_fd88, .notice_2192 {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

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

.brown_8b0f {
    margin: 2rem 0;
}

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

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

.label-7dd9 {
    list-style: none;
    padding: 0;
}

.label-7dd9 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;
}

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

.label-7dd9 li:last-child {
    border-bottom: none;
}

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

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

/* Winners Section */
.pink-39d2 {
    padding: var(--section-padding);
}

.left-ff6d {
    margin: 2rem 0;
}

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

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

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

.header-prev-a3f3 {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

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

.secondary_current_b216 {
    flex: 1;
}

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

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

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

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

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

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

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

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

.row-c10d .caption-f2d5 {
    color: var(--text-gray);
    font-size: 1rem;
}

.photo-gold-dda8 {
    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);
}

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

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

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

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

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

.gas-32c6 {
    margin-bottom: 1.5rem;
}

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

.gas-32c6 input,
.gas-32c6 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;
}

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

.stale-48b5 {
    width: 100%;
    margin-top: 1rem;
}

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

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

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

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

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

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

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

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

.thick-c0bc {
    margin-top: 3rem;
}

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

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

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

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

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

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

.input_5d19 {
    margin: 2rem 0;
}

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

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

.sort_glass_dc74:hover, .sort_glass_dc74.fn-active-5f43 {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.border_19ab {
    display: none;
}

.border_19ab.fn-active-5f43 {
    display: block;
}

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

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

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

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

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

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

.plasma_abe0 {
    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 */
.pro-5e1a {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

.status-9d81 {
    color: var(--accent-color);
    margin: 0;
}

.dim-9a82 {
    display: flex;
    gap: 1.5rem;
}

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

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

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

.in_4d0a.dropdown-prev-e4f3 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

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

.in_4d0a.medium-2d89 {
    background: rgba(239, 68, 68, 0.2);
    color: var(--danger-color);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.input_fixed_c7f1 {
    margin-top: 2rem;
}

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

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

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

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

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

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

.alert-bea5 {
    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 */
.progress-south-1abd {
    padding: var(--section-padding);
}

.texture_8c68 {
    margin: 2rem 0;
}

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

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

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

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

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

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

.heading_e08b {
    margin: 2rem 0;
}

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

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

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

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

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

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

.active_fb60 {
    margin-top: 2rem;
}

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

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

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

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

.tag-d335 a:hover {
    text-decoration: underline;
}

.description-warm-e042 {
    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 */
.thumbnail_large_0600 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.panel_53fc {
    margin: 2rem 0;
}

.photo-4e77 {
    margin-bottom: 3rem;
}

.photo-4e77 .pagination_82d6 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

.gradient-in-5587 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

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

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

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

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

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

.west_3c95 {
    margin: 2rem 0;
}

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

.form-540c {
    overflow-x: auto;
    margin: 2rem 0;
}

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

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

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

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

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

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

.hovered_16c4 .component-6835 {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

.hovered_16c4 .row-current-307b {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

.gold-172b {
    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);
}

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

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

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

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

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

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

.item-solid-6eab {
    color: var(--text-muted);
    font-size: 0.875rem;
}

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

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

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

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

.backdrop-9cf0 {
    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);
}

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

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

.backdrop-9cf0 .caption-f2d5 {
    color: var(--text-gray);
    font-size: 1rem;
}

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

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

.box-93ad strong {
    color: var(--accent-color);
}

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

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

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

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

.main_aa3c {
    flex: 1;
}

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

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

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

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

.menu_orange_1449 .row-current-307b {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

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

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

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

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

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

.tag-4fe4 {
    flex: 1;
}

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

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

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

.caption-60dd {
    flex: 1;
}

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

.badge-top-274d {
    color: var(--text-gray);
    margin: 0;
}

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

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

.avatar-9f1c {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

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

.background-a812 {
    margin-top: 2rem;
}

.background-a812 .stone-d1b4 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

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

.layout_5c23 {
    margin: 2rem 0;
}

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

.summary_51c0 {
    margin-top: 1rem;
}

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

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

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

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

.row-0185 {
    margin: 2rem 0;
}

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

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

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

.label-under-a975 {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

.shade-clean-fb10 {
    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);
}

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

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

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

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

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

.detail-small-c59f .chip-left-7199 {
    font-size: 2rem;
    flex-shrink: 0;
}

.detail-small-c59f .element-68ae {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

.popup_fixed_cdb6 {
    flex: 1;
}

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

.menu-black-0e9c {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

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

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

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

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

/* Slots Section */
.tall-173e {
    padding: var(--section-padding);
}

.tooltip_cool_71fe {
    margin: 2rem 0;
}

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

.out_bb13 {
    margin: 2rem 0;
}

.liquid-98cc {
    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);
}

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

.liquid-98cc .video_motion_fa72 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.liquid-98cc .link-down-1e0a {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

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

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

.west-9934 {
    margin: 2rem 0;
}

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

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

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

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

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

.center-d813.fn-active-5f43 {
    background: var(--accent-color);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

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

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

.gallery-8e57 strong {
    color: var(--accent-color);
}

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

.outline_4e49 {
    margin: 2rem 0;
}

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

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

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

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

.chip-upper-067b {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

.pagination-76bf strong {
    color: var(--accent-color);
}

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

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

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

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

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

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

.search-tiny-908d {
    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;
}

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

.table_d3f6 {
    font-size: 2rem;
}

.gradient-stone-405f {
    color: var(--text-white);
    margin: 0;
    font-size: 1.125rem;
}

.pink_b8d2 {
    flex: 1;
}

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

.tall-0e9f {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Security Section */
.footer-3e54 {
    padding: var(--section-padding);
}

/* Benefits Section */
.pattern-b751 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

/* Help Section */
.table_hovered_3a49 {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.red_dde2 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

.action-9803 {
    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) {
    .action-9803 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.action-9803 .accordion-1941 {
    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;
}

.action-9803 .caption-60dd {
    flex: 1;
}

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

.action-9803 .badge-top-274d {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

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

.bottom_c238 .shadow-e41d {
    list-style: none;
    padding: 0;
    margin: 0;
}

.bottom_c238 .shadow-e41d li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
}

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

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

/* Quick Registration Section */
.tag_1e38 {
    padding: var(--section-padding);
}

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

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

.menu-dim-e5c9 {
    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);
}

.menu-dim-e5c9:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
}

.menu-dim-e5c9 .focus-acf2 {
    font-size: 2rem;
    flex-shrink: 0;
}

.menu-dim-e5c9 .accent-0658 {
    flex: 1;
}

.menu-dim-e5c9 .box-orange-103f {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.menu-dim-e5c9 .text_hot_6f15 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

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

.icon_current_7dc4 .module_fast_a7b8 {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

.icon_current_7dc4 .module_fast_a7b8 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);
}

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

.icon_current_7dc4 .module_fast_a7b8 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;
}

.icon_current_7dc4 .module_fast_a7b8 li strong {
    color: var(--text-white);
}

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

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

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

/* Security Tips Section */
.blue_e3ab {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.texture_small_00b5 {
    font-size: 2rem;
}

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

.hero_wood_914f {
    flex: 1;
}

.label-basic-b3ed {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

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

.white_e901 {
    margin-top: 3rem;
}

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

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

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

.hard_8298 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

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

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

/* Tech Stack Section */
.secondary-296a {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.advanced-f413 {
    margin: 2rem 0;
}

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

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

.input-8faa {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

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

.cold-16de {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

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

/* Performance Section */
.disabled-fe90 {
    padding: var(--section-padding);
}

.wood_72c7 {
    margin: 2rem 0;
}

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

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

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

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

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

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

.border-e5b0 {
    color: var(--text-white);
    margin: 0;
    font-size: 1rem;
}

.table-brown-abae {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.table-brown-abae.green_0b31 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.left_80db {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.up-2360 {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.container_050e {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

.button-yellow-3b30 {
    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);
}

.button-yellow-3b30 p {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.button-yellow-3b30 strong {
    color: var(--accent-color);
}

/* Update Log Section */
.accordion-wood-7957 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.detail-bd2a {
    margin: 2rem 0;
}

.notification_c822 {
    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) {
    .notification_c822 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

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

.component-steel-41fd {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.iron_bf14 {
    flex: 1;
}

.link_88d7 {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

.new_e35e li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

.preview-iron-684d {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

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

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

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

.huge-0a75 {
    flex: 1;
}

.mask_liquid_1dfd {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

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

.tooltip-liquid-1626 {
    margin-top: 2rem;
    text-align: center;
}

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

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

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

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

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

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

.search-south-a113 .glass_2196 {
    font-size: 2rem;
    flex-shrink: 0;
}

.search-south-a113 .column_mini_2a23 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.search-south-a113 .aside-45bc {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

.search-south-a113 .action_4cb2 {
    color: var(--accent-color);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Featured Promos Section */
.current_5d41 {
    padding: var(--section-padding);
}

.up-1242 .full_73e6 {
    flex: 1;
}

/* Promo Calendar Section */
.item-iron-dfaf {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.summary_0640 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.fresh-a040 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

.status-bright-b417 {
    color: var(--accent-color);
    font-weight: 600;
    font-size: 0.875rem;
}

.pro_0b39 {
    color: var(--text-white);
    font-size: 0.9375rem;
}

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

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

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

/* Requirements Section */
.accordion-small-64ff {
    padding: var(--section-padding);
}

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

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

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

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

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

.dark-e5d1 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.media-fast-54e6 {
    margin-top: 3rem;
}

.media-fast-54e6 .chip-brown-a060 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.media-fast-54e6 .progress_d3dd {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.media-fast-54e6 .hard_8298 {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.media-fast-54e6 .hard_8298 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.media-fast-54e6 .hard_8298 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.media-fast-54e6 .hard_8298 li strong {
    color: var(--warning-color);
}

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

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

/* Winners Hall Section */
.hero_cool_0ad6 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.frame_6fe1 .pagination_82d6 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.hidden-1d88 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

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

.highlight_short_97b3 {
    flex: 1;
}

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

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

.box-2d3b {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.easy-06d6 { 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; }
.border-a5ff, .alert-tiny-1883 { max-width:100%; height:auto; }

.hover-paper-8642, .mask-wood-271c, .frame_c99d { white-space:normal; }

.short-7e19,
.copper_b98c,
.notification_7b6c,
.grid_warm_12b5,
.north_371d,
.background-a37a {
  flex-wrap:wrap;
}

[class*="grid"],
.short-7aa6,
.complex_1f67,
.filter-aaad {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.block_6dc1 img,
.copper_b98c img,
.cold-a775 img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.simple-3d7a, .header-static-9fbd,
.module-medium-fefd, .layout-gold-bceb {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.outer_8d33 { width:100%; overflow-x:auto; }
.outer_8d33 table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.brown_2b29 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .brown_2b29 {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.black_9539 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.notification-narrow-960d,
.search-89eb,
.label-a0a3,
.medium_55b6,
.focus_0a78,
.short-7aa6,
.complex_1f67,
.filter-aaad,
.alert-new-f527,
.outline_4e49,
.brown_2b29 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .notification-narrow-960d,
  .search-89eb,
  .label-a0a3,
  .medium_55b6,
  .focus_0a78,
  .short-7aa6,
  .complex_1f67,
  .filter-aaad,
  .alert-new-f527,
  .outline_4e49,
  .brown_2b29 {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.image-cb6d,
.row-c10d,
.primary_7173,
.modal_d89c,
.picture-ce08,
.avatar_809c,
.search-fba8,
.black_9539 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.footer-5137,
.grid-fluid-56bf,
.hot_fe97 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.footer-5137 > *,
.grid-fluid-56bf > *,
.hot_fe97 > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: 224c */
.phantom-card-t1 {
  padding: 0.4rem;
  font-size: 11px;
  line-height: 1.1;
}