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

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

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

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

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

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .footer_simple_7954 {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .wide-f34c {
        grid-column: 1;
    }
    
    .hover-5b6e {
        grid-column: 2;
    }
    
    .small-12ec {
        grid-column: 3;
    }
}

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

.wide-f34c:hover img {
    transform: scale(1.05);
}

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

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

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

.thumbnail_west_0a1c {
    position: relative;
}

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

.thumbnail_west_0a1c .hover-b89a {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

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

.module-large-60ac {
    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;
}

.module-large-60ac:hover,
.module-large-60ac.fn-active-7c7c {
    color: var(--accent-light);
    background: var(--tertiary-bg);
    box-shadow: var(--shadow-glow);
}

/* Header Actions */
.video-glass-c020 {
    display: none;
    gap: 0.75rem;
}

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

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

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


/* 移动端注册按钮光效 */
.wrapper-gas-0b88 {
    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;
}

.wrapper-gas-0b88::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 */
.small-12ec {
    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) {
    .small-12ec {
        display: none;
    }
}

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

.small-12ec.fn-active-7c7c span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.small-12ec.fn-active-7c7c span:nth-child(2) {
    opacity: 0;
}

.small-12ec.fn-active-7c7c span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

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

.small_ba46.fn-active-7c7c {
    display: block;
    max-height: 500px;
}

/* Prevent body scroll when menu is open */
body.table-dark-61e2 {
    overflow: hidden;
}

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

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

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


/* 移动端注册按钮动画效果 */
.easy-9399.module-dynamic-98aa {
    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;
}

.easy-9399.module-dynamic-98aa::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 */
.grid_f754 {
    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;
}

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

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

.component-simple-52e0 {
    background: transparent;
    color: var(--accent-color);
    border: 2px solid var(--accent-color);
}

.component-simple-52e0:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

.aside-038f {
    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;
}

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

.detail-6b0f:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

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

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

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

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

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

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

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

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

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

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

.fixed-db40 {
    margin-bottom: 2rem;
}

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

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

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

.link-north-9315 {
    font-size: 1.5rem;
}

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

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

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

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

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

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

.action_ce91 {
    margin-bottom: 1rem;
}

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

.pagination-warm-5124 {
    display: grid;
    gap: 3rem;
    align-items: center;
}

@media (min-width: 1024px) {
    .pagination-warm-5124 {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
    
    .pagination-warm-5124.narrow-5dfd {
        direction: rtl;
    }
    
    .pagination-warm-5124.narrow-5dfd > * {
        direction: ltr;
    }
}

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

.rough-d3f6:first-child {
    margin-top: 0;
}

.fixed-6b4e {
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

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

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

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

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

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

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

.status-dynamic-33ed {
    list-style: none;
}

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

.status-dynamic-33ed li:last-child {
    border-bottom: none;
}

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

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

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

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

.carousel-fixed-857a {
    color: var(--text-gray);
    line-height: 1.6;
}

/* Bonus Highlight */
.sidebar-selected-6866 {
    margin: 2rem 0;
}

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

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

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

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

/* VIP Tiers */
.preview-75f8 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

.full_f402 {
    font-size: 1.5rem;
}

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

.panel-pink-4b94 {
    list-style: none;
}

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

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

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

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

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

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

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

.pressed-b701 {
    font-size: 1.25rem;
}

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

/* Statistics */
.badge_smooth_a0e9,
.hover-43b9 {
    text-align: center;
    margin: 2rem 0;
}

.grid-9e5b,
.label-simple-2df3 {
    font-size: 1.125rem;
    color: var(--accent-color);
    font-weight: 600;
}

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

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

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

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

.slow-50c1 {
    margin-bottom: 1rem;
}

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

.message_5e19 {
    margin-bottom: 3rem;
}

.detail_1965 {
    margin-top: 3rem;
}

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

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

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

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

.thumbnail-over-4a3d {
    font-size: 0.875rem;
    color: var(--text-gray);
    font-weight: 500;
}

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

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

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

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

.bright-e558 {
    margin-bottom: 1rem;
}

.mini-369f img {
    margin-bottom: 1rem;
}

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

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

.wood-c34d {
    list-style: none;
}

.wood-c34d li {
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

.pressed-c245 {
    text-align: center;
}

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

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

.backdrop-action-3524 {
    font-size: 0.75rem !important;
}

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

.main-under-3d52 {
    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);
    }
}

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

.box-middle-5f00 {
    animation: pulse 2s infinite;
}

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

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

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

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

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

.light-28f2 .picture_af4c {
    font-size: 1.25rem;
}

.light-28f2 .button-pressed-57fd {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

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

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

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

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

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

.block-pink-6dba {
    color: var(--accent-color);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.description-4e03 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

.popup_easy_c61b .carousel-fixed-857a {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

.banner-rough-7fde {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.info_tiny_ea09 .pressed-b701 {
    font-size: 1.25rem;
}

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

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

.notification-1bd5 {
    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);
}

.notification-1bd5 .picture_af4c {
    font-size: 2rem;
    flex-shrink: 0;
}

.notification-1bd5 .blue_5bab {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.notification-1bd5 .carousel-fixed-857a {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

.dropdown-right-4498 {
    font-size: 3rem;
    margin-bottom: 1.5rem;
}

.hidden_9986 {
    flex: 1;
}

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

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

.hover-329c {
    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);
}

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

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

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

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

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

.item-206f {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

.selected-0554 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.form-pro-bc10 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.filter_9766 .article-bottom-67ea {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.filter_9766 .tag-2817 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.icon-silver-67b0 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.texture_c3c1 .carousel-fixed-857a {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.hard-8ecb {
    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);
}

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

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

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

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

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

.avatar-fast-9238 {
    font-size: 2rem;
    flex-shrink: 0;
}

.medium-344c {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

.component-focused-396e {
    color: var(--text-white);
    font-size: 1rem;
    font-weight: 600;
}

.video-cdb6 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.mask-fast-af86 {
    flex: 1;
}

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

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

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

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

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

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

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

.hover-43b9 {
    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);
}

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

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

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

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

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

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

.accent-in-e919 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

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

.header-huge-151d {
    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);
}

.link-863d {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

.icon-silver-67b0 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.texture_c3c1 .carousel-fixed-857a {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

.button-pink-344f {
    color: var(--accent-color);
    margin: 0;
    font-size: 1.25rem;
}

.gallery_wide_d2ea {
    padding: 1.5rem;
}

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

.tertiary-fast-6a31 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tertiary-fast-6a31 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;
}

.tertiary-fast-6a31 li:last-child {
    border-bottom: none;
}

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

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

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

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

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

.row-old-70f4 {
    font-size: 2rem;
    flex-shrink: 0;
}

.black-603c {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

.backdrop-pro-8098 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.wrapper-liquid-f740 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

.rough-001d {
    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);
}

.gradient-bd17 {
    text-align: center;
}

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

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

.panel-39fb {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.clean-136b .blue_5bab {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.clean-136b .carousel-fixed-857a {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

.footer_active_fadc {
    padding: 1.5rem;
}

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

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

.motion-9322 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;
}

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

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

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

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

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

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

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

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

.block-pink-6dba {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.description-4e03 {
    color: var(--text-gray);
    line-height: 1.6;
}

.pagination-541e {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

.media_1e8c .footer-wide-7154 {
    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;
}

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

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

.description-7b06 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.description-7b06 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;
}

.description-7b06 li:last-child {
    border-bottom: none;
}

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

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

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

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

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

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

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

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

.article-bottom-67ea {
    color: var(--accent-color);
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
}

.button_paper_c66f {
    font-size: 1rem;
}

.iron-e000 {
    padding: 1.5rem;
}

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

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

.primary_under_b6c0 .gradient-bd17 {
    text-align: center;
}

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

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

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

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

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

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

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

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

.plasma-9149 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.article-complex-9c79 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

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

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

.link-e94a {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.feature-fresh-f874 {
    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;
}

.feature-fresh-f874.disabled-cool-82e5 {
    background: linear-gradient(135deg, #cd7f32, #a0522d);
    color: white;
}

.feature-fresh-f874.hard_3ae6 {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

.feature-fresh-f874.gradient_static_7b88 {
    background: linear-gradient(135deg, #ffd700, #ffb347);
    color: #0f172a;
}

.feature-fresh-f874.dynamic-9966 {
    background: linear-gradient(135deg, #e5e4e2, #b8b8b8);
    color: #0f172a;
}

.feature-fresh-f874.panel_3e8e {
    background: linear-gradient(135deg, #b9f2ff, #00bfff);
    color: #0f172a;
}

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

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

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

.border-00c3 {
    color: var(--info-color);
    margin-bottom: 1rem;
    font-size: 1.125rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.hard_9e30.sort_32e6 .texture-soft-cee4 {
    background: rgba(6, 182, 212, 0.1);
}

.background-551f {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 0.5rem;
}

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

.hard_9e30.sort_32e6 .link-97ae {
    color: var(--info-color);
}

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

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

.hard_9e30.sort_32e6 .accent_03f0 {
    color: var(--info-color);
}

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

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

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

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

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

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

.notification-1bd5 {
    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);
}

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

.item-liquid-2683 {
    flex: 1;
}

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

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

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

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

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

.main-under-3d52 {
    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);
}

.accordion-hard-152d {
  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);
}

.accordion-hard-152d .gradient-bd17 {
    text-align: center;
}

.accordion-hard-152d .sort-2d61 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--info-color);
    margin-bottom: 0.5rem;
}

.accordion-hard-152d .card_3a7c {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form_d4e7.row-lower-2239 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--info-color);
}

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

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

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

.media-ca33 .tabs-8665 {
    color: var(--text-gray);
    font-size: 0.875rem;
    text-align: left;
}

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

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

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

.image-d01f {
    text-align: center;
}

.image-d01f .sort-2d61 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--success-color);
    margin-bottom: 0.5rem;
}

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

/* Utility Classes */
.hero-fluid-6439 { text-align: center; }
.white_7f46 { text-align: left; }
.heading-pro-0211 { text-align: right; }

.simple-103a { margin-bottom: 0; }
.popup_7bbd { margin-bottom: 0.5rem; }
.box_outer_2c35 { margin-bottom: 1rem; }
.pink_d7cd { margin-bottom: 1.5rem; }
.narrow_87a5 { margin-bottom: 2rem; }

.title_white_bc65 { margin-top: 0; }
.notice-5916 { margin-top: 0.5rem; }
.info_401b { margin-top: 1rem; }
.hidden_88f5 { margin-top: 1.5rem; }
.last-8445 { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .row-c961 {
        padding: 6rem 0 3rem;
    }
    
    .outer_0501 {
        text-align: center;
    }
    
    .pagination-warm-5124 {
        text-align: center;
    }
    
    .section_pink_6d9f {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .surface-6c48,
    .small_ba46,
    .component_medium_9cc3,
    .dropdown-d24b {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .row-c961 {
        background: none;
    }
}

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

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

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

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

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

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

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

.tabs-bright-8f46 {
    color: var(--text-gray);
    margin-bottom: 1rem;
    line-height: 1.6;
}

.in-069e {
    list-style: none;
    padding: 0;
}

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

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

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

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

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

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

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

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

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

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

.widget-f75b {
    display: flex;
    flex-direction: column;
}

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

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

.glass-5b6d {
    color: var(--accent-color);
}

.static-3607 {
    font-size: 1.25rem;
}

.chip-9f33 {
    margin-bottom: 1rem;
}

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

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

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

.gradient-bd17 {
    text-align: center;
}

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

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

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

.pattern_simple_d9bd {
    margin: 2rem 0;
}

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

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

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

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

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

.orange-0b6e {
    font-size: 2rem;
}

.preview-cold-35f8 {
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

.overlay-fcba .sort-2d61 {
    font-size: 3rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    display: block;
}

.overlay-fcba .card_3a7c {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.75rem;
    display: block;
}

.overlay-fcba .content-purple-8091 {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin: 0;
}

.thumbnail_cool_0d3b {
    margin-top: 4rem;
}

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

.simple-d411 {
    overflow-x: auto;
}

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

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

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

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

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

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

/* FAQ Section */
.title-outer-3ad6 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

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

.title_fluid_46ff.fn-active-7c7c .plasma-1da4 {
    transform: rotate(45deg);
}

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

.title_fluid_46ff.fn-active-7c7c .photo_next_9cd0 {
    max-height: 1000px;
}

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

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

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

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

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

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

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

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

.caption-pressed-8705 {
    font-size: 2rem;
}

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

.glass-a827 {
    list-style: none;
    padding: 0;
}

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

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

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

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

.popup-static-8a00 {
    margin-top: 3rem;
}

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

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

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

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

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

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

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

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

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

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

.paragraph-warm-63bf:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

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

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

.motion_0ec1 {
    flex: 1;
}

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

.tooltip-next-2cf8 {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin: 0;
}

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

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

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

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

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

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

.tabs-active-08d5 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.input-1056, .text_0821, .breadcrumb_pro_db4b {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

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

.paragraph-short-cb13 {
    margin: 2rem 0;
}

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

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

.modal-easy-dcc3 {
    list-style: none;
    padding: 0;
}

.modal-easy-dcc3 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;
}

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

.modal-easy-dcc3 li:last-child {
    border-bottom: none;
}

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

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

/* Winners Section */
.component-77e8 {
    padding: var(--section-padding);
}

.list-eab0 {
    margin: 2rem 0;
}

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

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

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

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

.wrapper-plasma-f8d5 {
    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;
}

.highlight_08ac {
    flex: 1;
}

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

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

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

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

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

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

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

.video-yellow-a1a2 .sort-2d61 {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.video-yellow-a1a2 .card_3a7c {
    color: var(--text-gray);
    font-size: 1rem;
}

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

.notification-mini-286b {
    color: var(--text-gray);
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
}

.notification-mini-286b strong {
    color: var(--accent-color);
}

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

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

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

.filter_slow_0f5d {
    margin-bottom: 1.5rem;
}

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

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

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

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

.outline-fresh-6dbf {
    display: flex;
    align-items: center;
}

.description-bronze-9d8e {
    color: var(--text-white);
    margin-bottom: 1rem;
    text-align: center;
}

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

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

.aside-5d77 {
    color: var(--text-gray);
}

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

.info-down-5342 {
    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);
}

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

.status_a9f4 {
    margin-top: 3rem;
}

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

/* Live Stats Section */
.carousel-green-802a {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

.dropdown-4e09 {
    margin: 2rem 0;
}

.status-86b5 {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

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

.heading_1b39:hover, .heading_1b39.fn-active-7c7c {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.notification-red-8427 {
    display: none;
}

.notification-red-8427.fn-active-7c7c {
    display: block;
}

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

.active-huge-e740 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

.text-29d0 ul {
    list-style: none;
    padding: 0;
}

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

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

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

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

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

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

.tertiary-first-0aa1 {
    display: flex;
    gap: 1.5rem;
}

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

.module-44c6 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 2rem 0;
}

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

.section-wide-ebc3.info-clean-a61c {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.section-wide-ebc3.panel_6fd3 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

.section-wide-ebc3.hero_6c9d {
    background: rgba(239, 68, 68, 0.2);
    color: var(--danger-color);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.tooltip_4416 {
    margin-top: 2rem;
}

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

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

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

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

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

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

.progress-old-c2b7 {
    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 */
.steel-a218 {
    padding: var(--section-padding);
}

.row_209d {
    margin: 2rem 0;
}

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

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

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

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

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

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

.warm_268d {
    margin: 2rem 0;
}

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

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

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

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

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

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

.accent_db57 {
    margin-top: 2rem;
}

.wide-36f8 {
    color: var(--success-color);
    margin-bottom: 1.5rem;
}

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

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

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

.highlight-5158 a:hover {
    text-decoration: underline;
}

.complex-bc4f {
    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 */
.advanced-2017 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.fixed-0a1b {
    margin: 2rem 0;
}

.left-464b {
    margin-bottom: 3rem;
}

.left-464b .center_152a {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

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

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

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

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

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

.widget-hovered-4bae {
    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 */
.dim-2cd7 {
    padding: var(--section-padding);
}

.outline_8d98 {
    margin: 2rem 0;
}

.notification-dark-8f64 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

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

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

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

.banner-small-40dc {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-top: 2rem;
}

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

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

.image-slow-9c61 .picture_af4c {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

.image-slow-9c61 .blue_5bab {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.shade-stone-24db {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

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

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

.border-down-fc21 {
    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;
}

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

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

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

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

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

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

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

.form-selected-2330 {
    color: var(--text-white);
    font-weight: 600;
}

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

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

.new-5d72 .footer-wide-7154 {
    color: var(--text-gray);
    font-size: 0.875rem;
}

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

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

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

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

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

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

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

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

.cold-10bf strong {
    color: var(--accent-color);
}

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

.header-huge-151d {
    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);
}

.header-huge-151d:hover {
    border-color: var(--accent-color);
    transform: translateX(4px);
}

.link-863d {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.box-7f87 {
    flex: 1;
}

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

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

/* Live Features Section */
.icon-silver-67b0 {
    margin: 2rem 0;
}

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

.texture_c3c1 .blue_5bab {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

.texture_c3c1 .carousel-fixed-857a {
    color: var(--text-gray);
    margin: 0;
}

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

.breadcrumb_7068 .grid-9e5b {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

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

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

.mask-fast-af86 {
    flex: 1;
}

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

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

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

.tag-iron-5b7e {
    flex: 1;
}

.block-pink-6dba {
    color: var(--text-white);
    margin-bottom: 0.5rem;
}

.description-4e03 {
    color: var(--text-gray);
    margin: 0;
}

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

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

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

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

.article_0ae7 {
    margin-top: 2rem;
}

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

/* Game Categories Section */
.text-silver-9e75 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.panel-39fb {
    margin: 2rem 0;
}

.clean-136b {
    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 */
.avatar_brown_ef50 {
    padding: var(--section-padding);
}

.footer_active_fadc {
    margin-top: 1rem;
}

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

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

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

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

.dirty-9765 {
    margin: 2rem 0;
}

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

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

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

.green_e970 {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

/* Tips Section */
.shadow-clean-800e {
    padding: var(--section-padding);
}

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

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

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

.cold_9eef .breadcrumb-c9c7 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.disabled_liquid_0d81 {
    flex: 1;
}

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

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

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

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

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

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

.gradient-over-a39f strong {
    color: var(--warning-color);
}

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

.selected-0554 {
    margin: 2rem 0;
}

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

.form-pro-bc10 {
    margin: 2rem 0;
}

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

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

.filter_9766 .article-bottom-67ea {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.filter_9766 .tag-2817 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

.message-paper-1f8e {
    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);
}

.message-paper-1f8e .grid-9e5b {
    color: var(--text-gray);
    margin: 0;
    text-align: center;
    font-size: 1.125rem;
}

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

.focus-8e9f {
    margin: 2rem 0;
}

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

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

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

.notification-8e91 {
    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);
}

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

.notification-8e91.fn-active-7c7c {
    background: var(--accent-color);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

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

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

.tabs-fluid-95a6 strong {
    color: var(--accent-color);
}

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

.tall_b8ac {
    margin: 2rem 0;
}

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

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

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

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

.main-c0b7 {
    flex: 1;
}

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

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

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

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

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

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

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

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

.card-selected-87dc {
    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);
}

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

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

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

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

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

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

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

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

.item-huge-03de {
    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;
}

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

.box-18c0 {
    font-size: 2rem;
}

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

.active_b687 {
    flex: 1;
}

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

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

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

.feature-south-0414 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

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

.button-solid-ab93 {
    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;
}

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

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

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

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

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

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

.box-steel-8fc0 {
    color: var(--text-white);
    font-weight: 600;
}

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

.carousel-e137 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
    text-align: center;
}

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

/* Security Section */
.sidebar_1aba {
    padding: var(--section-padding);
}

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

/* Help Section */
.preview-stone-a952 {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.chip_311c {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

.wide_b538 {
    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) {
    .wide_b538 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

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

.wide_b538 .tag-iron-5b7e {
    flex: 1;
}

.wide_b538 .block-pink-6dba {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

.wide_b538 .description-4e03 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

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

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

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

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

.slow-91d6 {
    text-align: center;
    margin-top: 2rem;
}

/* Quick Registration Section */
.brown-03d2 {
    padding: var(--section-padding);
}

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

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

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

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

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

.nav_b90c .under-f47e {
    flex: 1;
}

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

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

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

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

.image-a464 .gallery_9243 {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

.image-a464 .gallery_9243 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);
}

.image-a464 .gallery_9243 li:last-child {
    border-bottom: none;
}

.image-a464 .gallery_9243 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;
}

.image-a464 .gallery_9243 li strong {
    color: var(--text-white);
}

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

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

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

/* Security Tips Section */
.notification_narrow_7b9f {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.lite-58e3 {
    font-size: 2rem;
}

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

.breadcrumb-e06a {
    flex: 1;
}

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

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

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

.link_3db6 {
    margin-top: 3rem;
}

.disabled-next-233c {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

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

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

.outline_bdbd li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

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

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

/* Tech Stack Section */
.breadcrumb_full_73b5 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.mask-2ddf {
    margin: 2rem 0;
}

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

.panel-short-3f9b .center_152a {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

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

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

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

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

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

/* Performance Section */
.column-2640 {
    padding: var(--section-padding);
}

.item_dfcb {
    margin: 2rem 0;
}

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

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

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

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

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

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

.hovered-5733 {
    color: var(--text-white);
    margin: 0;
    font-size: 1rem;
}

.solid_f1b2 {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.solid_f1b2.surface-5f79 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.label-fresh-e62c {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.cool_6c9e {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.item_bright_f8fc {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

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

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

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

/* Update Log Section */
.dark-126b {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.frame-current-0260 {
    margin: 2rem 0;
}

.pressed-766a {
    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) {
    .pressed-766a {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.pressed-766a::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);
}

.main_5429 {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.summary_1958 {
    flex: 1;
}

.active_last_e05f {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

.secondary_9345 li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

.texture-north-46e6 {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.west_1b65 {
    flex: 1;
}

.inner-4ccd {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

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

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

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

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

/* Promo Highlights */
.shadow-cold-f309 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

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

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

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

.pink_9f82 .row-old-70f4 {
    font-size: 2rem;
    flex-shrink: 0;
}

.pink_9f82 .black-603c {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.pink_9f82 .liquid-3158 {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

.pink_9f82 .liquid-f1d3 {
    color: var(--accent-color);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Featured Promos Section */
.alert-south-044d {
    padding: var(--section-padding);
}

.summary_f6ea .list_e25f {
    flex: 1;
}

/* Promo Calendar Section */
.static_d771 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.paragraph_orange_77d2 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.heading-38a0 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

.description-pressed-ca64 {
    color: var(--text-white);
    font-size: 0.9375rem;
}

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

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

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

/* Requirements Section */
.logo-dynamic-dac5 {
    padding: var(--section-padding);
}

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

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

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

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

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

.hero-7459 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.dropdown-advanced-baab {
    margin-top: 3rem;
}

.dropdown-advanced-baab .disabled-next-233c {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.dropdown-advanced-baab .alert_orange_306f {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.dropdown-advanced-baab .outline_bdbd {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.dropdown-advanced-baab .outline_bdbd li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.dropdown-advanced-baab .outline_bdbd li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.dropdown-advanced-baab .outline_bdbd li strong {
    color: var(--warning-color);
}

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

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

/* Winners Hall Section */
.slider-f065 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.accordion_red_01ba .center_152a {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.box_c8ac {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.grid_329c {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1rem;
    background: var(--secondary-bg);
    border-radius: var(--radius-md);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: var(--transition-normal);
}

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

.carousel-solid-34f1 {
    font-size: 2rem;
    flex-shrink: 0;
}

.shade_hard_e1d3 {
    flex: 1;
}

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

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

.widget-pressed-afdd {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

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

.under-80e2 {
    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);
}

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

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

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

.notification-mini-286b {
    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);
}

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

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

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.list_6b1d { 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; }
.new-cbce, .info-9c13 { max-width:100%; height:auto; }

.grid_f754, .tag_paper_2cb0, .aside-038f { white-space:normal; }

.outer_0501,
.pagination-warm-5124,
.nav_smooth_e96d,
.shadow-cold-f309,
.icon-silver-67b0,
.carousel_32f4 {
  flex-wrap:wrap;
}

[class*="grid"],
.paragraph_5ee1,
.sidebar_83ab,
.preview_fccc {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.row-c961 img,
.pagination-warm-5124 img,
.dropdown_action_4ea9 img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.column_hard_5dac, .outline-621e,
.action_ce91, .cold_a593 {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.simple-d411 { width:100%; overflow-x:auto; }
.simple-d411 table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.center-be18 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .center-be18 {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.title-plasma-4d73 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.component_medium_0de2,
.black-185a,
.out-48b5,
.gradient_aec3,
.aside-d9c7,
.paragraph_5ee1,
.sidebar_83ab,
.preview_fccc,
.hard_bc6e,
.tall_b8ac,
.center-be18 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .component_medium_0de2,
  .black-185a,
  .out-48b5,
  .gradient_aec3,
  .aside-d9c7,
  .paragraph_5ee1,
  .sidebar_83ab,
  .preview_fccc,
  .hard_bc6e,
  .tall_b8ac,
  .center-be18 {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.overlay-fcba,
.video-yellow-a1a2,
.under-80e2,
.modal_static_b6cf,
.pagination_outer_c23e,
.image-d01f,
.clean-9684,
.title-plasma-4d73 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.glass_023e,
.focus_7f8d,
.video_7f26 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.glass_023e > *,
.focus_7f8d > *,
.video_7f26 > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: c726 */
.promo-block-e8 {
  padding: 0.2rem;
  font-size: 10px;
  line-height: 1.3;
}