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

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

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

@media (min-width: 640px) {
    .badge-steel-750d {
        padding: 0 1.5rem;
    }
}

@media (min-width: 1024px) {
    .badge-steel-750d {
        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 */
.dirty_2ebe {
    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);
}

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .disabled_f6d1 {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .aside-cd6b {
        grid-column: 1;
    }
    
    .pagination-motion-88fe {
        grid-column: 2;
    }
    
    .active_3f5c {
        grid-column: 3;
    }
}

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

.aside-cd6b:hover img {
    transform: scale(1.05);
}

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

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

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

.picture_inner_a8b7 {
    position: relative;
}

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

.picture_inner_a8b7 .slider-action-606d {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

.slider-action-606d {
    display: flex;
    list-style: none;
    gap: 1.5rem;
}

.main-6ab0 {
    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;
}

.main-6ab0:hover,
.main-6ab0.fn-active-c6a7 {
    color: var(--accent-light);
    background: var(--tertiary-bg);
    box-shadow: var(--shadow-glow);
}

/* Header Actions */
.layout-4081 {
    display: none;
    gap: 0.75rem;
}

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

/* Mobile Register Button */
.pagination-motion-88fe {
    display: flex;
    align-items: center;
}

@media (min-width: 1024px) {
    .pagination-motion-88fe {
        display: none;
    }
}


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

.highlight_upper_ef21::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 */
.active_3f5c {
    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) {
    .active_3f5c {
        display: none;
    }
}

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

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

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

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

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

.fresh-c04a.fn-active-c6a7 {
    display: block;
    max-height: 500px;
}

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

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

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

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


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

.badge_7ba3.picture_8561::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 */
.light-6282 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: var(--radius-full);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.875rem;
    text-align: center;
    transition: var(--transition-normal);
    cursor: pointer;
    border: none;
    white-space: nowrap;
}

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

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

.hovered-3bfc {
    background: transparent;
    color: var(--accent-color);
    border: 2px solid var(--accent-color);
}

.hovered-3bfc:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

.cool-5bd9 {
    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;
}

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

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

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

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

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

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

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

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

.hot-0ac9 {
    font-size: 1em;
    font-weight: 700;
}

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

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

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

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

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

.progress-tiny-1620 {
    margin-bottom: 1.5rem;
    line-height: 1.1;
}

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

.west_4b61 {
    margin-bottom: 2rem;
}

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

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

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

.under_650b {
    font-size: 1.5rem;
}

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

.fast-036c {
    display: flex;
    justify-content: center;
    align-items: center;
}

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

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

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

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

.container_78a2 {
    margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.top_0ed2 {
    list-style: none;
}

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

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

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

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

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

.column-fresh-b6fb {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

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

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

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

.old-98c6 {
    font-size: 2.5rem;
    font-weight: 900;
    margin-bottom: 0.5rem;
}

.south-609d {
    font-size: 1.125rem;
    font-weight: 600;
}

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

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

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

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

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

.full_eb90 {
    font-size: 1.5rem;
}

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

.middle_5999 {
    list-style: none;
}

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

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

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

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

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

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

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

.container_slow_c8c7 {
    font-size: 1.25rem;
}

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

/* Statistics */
.surface-motion-dfc1,
.blue_402c {
    text-align: center;
    margin: 2rem 0;
}

.hard-98dc,
.wide_0013 {
    font-size: 1.125rem;
    color: var(--accent-color);
    font-weight: 600;
}

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

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

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

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

.description_2834 {
    margin-bottom: 1rem;
}

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

.row-black-4d41 {
    margin-bottom: 3rem;
}

.prev_fbfc {
    margin-top: 3rem;
}

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

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

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

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

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

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

.title-9128 {
    display: grid;
    gap: 2rem;
    padding: 3rem 0 2rem;
}

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

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

.over_a122 {
    margin-bottom: 1rem;
}

.logo-06fb img {
    margin-bottom: 1rem;
}

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

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

.up_b191 {
    list-style: none;
}

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

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

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

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

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

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

.header-west-4f6d {
    font-size: 0.875rem;
    color: var(--text-gray);
}

.header-west-4f6d p {
    margin-bottom: 0.25rem;
}

.form-white-9e9c {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

@media (min-width: 768px) {
    .form-white-9e9c {
        flex-direction: row;
    }
}

.item_middle_7ef6 {
    text-align: center;
}

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

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

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

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

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

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

.mask_clean_2610 {
    animation: pulse 2s infinite;
}

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

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

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

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

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

.accordion-18ef .active_dynamic_1903 {
    font-size: 1.25rem;
}

.accordion-18ef .thumbnail_dirty_5517 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

.notification-pro-decc {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

.box-6e4d {
    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);
}

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

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

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

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

.block-1554 .column-fresh-b6fb {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.block-1554 .alert-f50f {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.gallery-cool-b6ce {
    display: flex;
    justify-content: center;
    margin: 3rem 0;
}

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

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

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

.container-88e5 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

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

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

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

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

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

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

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

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

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

.dropdown-full-7e47:hover {
    color: var(--accent-light);
    text-decoration: underline;
}

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

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

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

.dropdown_db0e .container_slow_c8c7 {
    font-size: 1.25rem;
}

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

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

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

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

.sort_under_a896 .column-fresh-b6fb {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.sort_under_a896 .alert-f50f {
    color: var(--text-gray);
    line-height: 1.6;
}

.media-glass-02ff {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.secondary_375d .tabs-iron-4eb4 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.secondary_375d .highlight-ee92 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.selected-7740 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

.plasma-71d9 {
    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);
}

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

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

.photo_current_b44a {
    flex: 1;
}

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

.preview-fresh-88d6 {
    color: var(--text-gray);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

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

.right-56b1 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

.picture-72aa {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.accent-easy-e7b8 .popup-781b {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.accent-easy-e7b8 .advanced_ebfa {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.block_slow_0a8e {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.1);
}

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

.block_slow_0a8e .column-fresh-b6fb {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.block_slow_0a8e .alert-f50f {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.paragraph-tall-4f51 {
    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);
}

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

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

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

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

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

.surface-042f {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

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

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

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

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

.progress_dark_e782 {
    flex: 1;
}

.module-medium-1bfb {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
}

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

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

.fresh-8f32 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.thick-b05c .tabs-iron-4eb4 {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.thick-b05c .highlight-ee92 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

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

.article-hovered-2419 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.mini-0f1e {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.block_slow_0a8e .column-fresh-b6fb {
    color: var(--success-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.block_slow_0a8e .alert-f50f {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.overlay-pro-862b {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

.complex-58fd {
    padding: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pattern-brown-b195 {
    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);
}

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

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

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

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

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

.hard_80a1 {
    text-align: center;
}

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

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

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

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

.full-b3ad .column-fresh-b6fb {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.full-b3ad .alert-f50f {
    color: var(--text-gray);
    line-height: 1.6;
}

.element-old-06e0 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

.first-844e {
    padding: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

.box-6e4d {
    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;
}

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

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

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

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

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

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

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

.active_2c6a .wide-34a8 {
    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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.wide_97a7 {
    font-size: 1rem;
}

.element_pressed_faae {
    padding: 1.5rem;
}

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

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

.fluid-99f9 .hard_80a1 {
    text-align: center;
}

.fluid-99f9 .outline_next_cda4 {
    color: var(--text-muted);
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.25rem;
}

.fluid-99f9 .selected-b967 {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

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

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

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

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

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

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

.preview-wood-bdce {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

.title_467a.east-1da2 {
    background: linear-gradient(135deg, #cd7f32, #a0522d);
    color: white;
}

.title_467a.description-258a {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

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

.title_467a.status_dark_dee9 {
    background: linear-gradient(135deg, #e5e4e2, #b8b8b8);
    color: #0f172a;
}

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

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

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

.input_76d9 {
    margin: 2rem 0;
    padding: 2rem;
    background: rgba(6, 182, 212, 0.05);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.preview-smooth-8074 {
    color: var(--info-color);
    margin-bottom: 1rem;
    font-size: 1.125rem;
}

.media-glass-02ff {
    list-style: none;
    padding: 0;
    margin: 0;
}

.media-glass-02ff 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;
}

.media-glass-02ff li:last-child {
    border-bottom: none;
}

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

.section-c142 {
    display: grid;
    gap: 1.5rem;
    margin: 3rem 0;
}

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

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

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

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

.chip-49c0.status_a59c {
    grid-column: 1 / -1;
    border-color: rgba(6, 182, 212, 0.3);
}

@media (min-width: 1024px) {
    .chip-49c0.status_a59c {
        grid-column: span 3;
    }
}

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

.chip-49c0.status_a59c .info_old_95ae {
    background: rgba(6, 182, 212, 0.1);
}

.medium-861c {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 0.5rem;
}

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

.chip-49c0.status_a59c .prev-9a70 {
    color: var(--info-color);
}

.sidebar-2dfc {
    padding: 1.5rem;
    text-align: center;
}

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

.chip-49c0.status_a59c .pattern_946c {
    color: var(--info-color);
}

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

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

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

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

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

.complex-d12a {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.accent-north-d3ff {
    flex: 1;
}

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

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

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

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

.iron-1d7e {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

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

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

.carousel-ed71 .hard_80a1 {
    text-align: center;
}

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

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

.element-full-1dfe {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

.cool-c271 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

.media-left-99c1 {
    color: var(--accent-color);
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
}

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

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

.icon_old_168d.current-1760 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
}

.icon_old_168d.cold-5825 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--info-color);
}

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

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

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

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

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

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

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

.blue-c159 {
    text-align: center;
}

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

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

/* Utility Classes */
.pink-160c { text-align: center; }
.image_cold_5926 { text-align: left; }
.picture_yellow_e698 { text-align: right; }

.hero_5065 { margin-bottom: 0; }
.badge_f67f { margin-bottom: 0.5rem; }
.last_8080 { margin-bottom: 1rem; }
.dirty_a389 { margin-bottom: 1.5rem; }
.next_9e5d { margin-bottom: 2rem; }

.white_09e7 { margin-top: 0; }
.icon-d2d6 { margin-top: 0.5rem; }
.hot-d87e { margin-top: 1rem; }
.north-a1fb { margin-top: 1.5rem; }
.top-8e8a { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .heading_d1cb {
        padding: 6rem 0 3rem;
    }
    
    .sidebar_a3b2 {
        text-align: center;
    }
    
    .blue_96c7 {
        text-align: center;
    }
    
    .hover-3beb {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .dirty_2ebe,
    .fresh-c04a,
    .yellow_0ba3,
    .panel_orange_4b8a {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .heading_d1cb {
        background: none;
    }
}

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

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

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

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

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

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

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

.shadow-east-be2e {
    list-style: none;
    padding: 0;
}

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

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

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

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

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

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

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

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

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

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

.fixed-74b6 {
    display: flex;
    flex-direction: column;
}

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

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

.avatar-ae92 {
    color: var(--accent-color);
}

.fresh_c825 {
    font-size: 1.25rem;
}

.pattern_b6c9 {
    margin-bottom: 1rem;
}

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

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

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

.hard_80a1 {
    text-align: center;
}

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

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

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

.white-1b40 {
    margin: 2rem 0;
}

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

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

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

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

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

.full_65fa {
    font-size: 2rem;
}

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

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

.hover-hot-6f8d {
    font-size: 0.875rem;
    color: var(--text-muted);
}

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

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

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

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

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

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

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

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

.outer_dce4 .mini-8bfe {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin: 0;
}

.advanced_b5f5 {
    margin-top: 4rem;
}

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

.down-00c3 {
    overflow-x: auto;
}

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

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

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

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

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

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

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

.accordion-right-b95b {
    max-width: 900px;
    margin: 0 auto;
}

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

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

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

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

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

.pressed-b748.fn-active-c6a7 .accent-c41b {
    transform: rotate(45deg);
}

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

.pressed-b748.fn-active-c6a7 .link_6fbb {
    max-height: 1000px;
}

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

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

.gallery-cool-b6ce {
    margin: 2rem 0;
    text-align: center;
}

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

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

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

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

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

.pagination_dirty_7dc3 {
    font-size: 2rem;
}

.tag-cool-4d52 {
    color: var(--text-white);
    margin: 0;
}

.tabs-blue-1094 {
    list-style: none;
    padding: 0;
}

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

.tabs-blue-1094 li:last-child {
    border-bottom: none;
}

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

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

.description-lower-c37e {
    margin-top: 3rem;
}

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

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

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

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

.dynamic-359a {
    font-size: 1.5rem;
    flex-shrink: 0;
}

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

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

.overlay-iron-6fe6 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

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

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

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

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

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

.tall-4681 {
    flex: 1;
}

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

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

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

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

.lite-cbb6:last-child {
    border-bottom: none;
}

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

/* Bonus Calculator Section */
.label-small-34a7 {
    padding: var(--section-padding);
}

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

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

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

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

.component-huge-3aa7, .in_f283, .prev-9653 {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

.prev-9653 {
    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 */
.focus-a052 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.east_b3fe {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

.yellow_20f1 {
    margin: 2rem 0;
}

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

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

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

.top-203e {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

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

.blue_5cbb {
    flex: 1;
}

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

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

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

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

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

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

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

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

.tabs-757e .outline_next_cda4 {
    color: var(--text-gray);
    font-size: 1rem;
}

.column-wide-cfe6 {
    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);
}

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

.content-03fd strong {
    color: var(--accent-color);
}

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

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

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

.bright_554e {
    margin-bottom: 1.5rem;
}

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

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

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

.tooltip-plasma-6ad7 {
    width: 100%;
    margin-top: 1rem;
}

.frame-active-e523 {
    display: flex;
    align-items: center;
}

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

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

.outer-6fe9 {
    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;
}

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

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

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

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

.south_9522 {
    margin-top: 3rem;
}

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

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

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

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

.full-d9a4:last-child {
    border-bottom: none;
}

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

.wood-1650 {
    margin: 2rem 0;
}

.gradient-21af {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

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

.top_30fa:hover, .top_30fa.fn-active-c6a7 {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.wide-451e {
    display: none;
}

.wide-451e.fn-active-c6a7 {
    display: block;
}

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

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

.modal-mini-2e50 h4 {
    color: var(--text-white);
    margin: 1.5rem 0 1rem 0;
}

.modal-mini-2e50 ul {
    list-style: none;
    padding: 0;
}

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

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

.element-8f8a {
    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 */
.text_394d {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.new-6f7d {
    display: flex;
    gap: 1.5rem;
}

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

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

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

.primary_right_84a7.over-933f {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.primary_right_84a7.hot-10c4 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

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

.footer_b70b {
    margin-top: 2rem;
}

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

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

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

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

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

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

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

.gradient_lower_a18e {
    margin: 2rem 0;
}

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

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

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

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

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

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

.list-south-de3e {
    margin: 2rem 0;
}

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

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

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

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

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

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

.feature_current_c884 {
    margin-top: 2rem;
}

.column-8a95 {
    color: var(--success-color);
    margin-bottom: 1.5rem;
}

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

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

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

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

.text-full-42f3 {
    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 */
.dropdown-25e0 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.narrow-5f93 {
    margin: 2rem 0;
}

.easy_b974 {
    margin-bottom: 3rem;
}

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

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

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

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

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

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

.breadcrumb-1eb2 {
    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 */
.button-ad78 {
    padding: var(--section-padding);
}

.bronze_6a86 {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

.clean_fb2e .active_dynamic_1903 {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

.clean_fb2e .column-fresh-b6fb {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.mask-small-6517 {
    color: var(--text-white);
    font-weight: 600;
}

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

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

.main-7fed .wide-34a8 {
    color: var(--text-gray);
    font-size: 0.875rem;
}

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

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

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

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

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

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

.surface_c360 {
    text-align: center;
    margin-top: 3rem;
    padding: 2rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

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

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

/* Football Leagues Section */
.article-hovered-2419 {
    margin: 2rem 0;
}

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

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

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

.header-top-7cb2 {
    flex: 1;
}

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

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

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

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

.block_slow_0a8e .column-fresh-b6fb {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

.block_slow_0a8e .alert-f50f {
    color: var(--text-gray);
    margin: 0;
}

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

.feature-0199 .hard-98dc {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

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

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

.progress_dark_e782 {
    flex: 1;
}

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

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

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

.header-ec33 {
    flex: 1;
}

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

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

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

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

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

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

.current_f785 {
    margin-top: 2rem;
}

.current_f785 .complex-cd80 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

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

.container_motion_1645 {
    margin: 2rem 0;
}

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

.first-844e {
    margin-top: 1rem;
}

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

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

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

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

.media-b62f {
    margin: 2rem 0;
}

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

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

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

.backdrop-brown-339c {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

/* Tips Section */
.table-237a {
    padding: var(--section-padding);
}

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

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

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

.upper-ff55 .dynamic-359a {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.component-fabf {
    flex: 1;
}

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

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

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

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

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

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

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

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

.picture-72aa {
    margin: 2rem 0;
}

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

.icon_95cd {
    margin: 2rem 0;
}

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

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

.accent-easy-e7b8 .popup-781b {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.accent-easy-e7b8 .advanced_ebfa {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

.gold-de60 .hard-98dc {
    color: var(--text-gray);
    margin: 0;
    text-align: center;
    font-size: 1.125rem;
}

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

.thumbnail-03f2 {
    margin: 2rem 0;
}

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

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

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

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

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

.south-1480.fn-active-c6a7 {
    background: var(--accent-color);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

.stone-5a7a {
    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);
}

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

.form-0f9e strong {
    color: var(--accent-color);
}

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

.warm-1adb {
    margin: 2rem 0;
}

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

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

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

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

.gold-7be9 {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.link-8bc9 {
    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;
}

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

.gold-6e47 {
    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;
}

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

.bronze-6327 {
    font-size: 2rem;
}

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

.east-3b27 {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

.box-full-05ef {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

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

.carousel-c962 {
    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_focused_5968 {
    color: var(--text-white);
    font-weight: 600;
}

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

.inner-a15c {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
    text-align: center;
}

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

/* Security Section */
.hidden_7e73 {
    padding: var(--section-padding);
}

/* Benefits Section */
.first-c5be {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

/* Help Section */
.card_up_abbf {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.easy-668c {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

.shadow_a416 {
    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) {
    .shadow_a416 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.shadow_a416 .box-6e4d {
    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;
}

.shadow_a416 .header-ec33 {
    flex: 1;
}

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

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

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

.fast-4e4e .fluid-d5af {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.fast-4e4e .surface_orange_a8a9 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.fast-4e4e .surface_orange_a8a9 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
}

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

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

/* Quick Registration Section */
.west_9a58 {
    padding: var(--section-padding);
}

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

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

.form-over-83f8 {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.form-over-83f8:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
}

.form-over-83f8 .container-d750 {
    font-size: 2rem;
    flex-shrink: 0;
}

.form-over-83f8 .accent-0a35 {
    flex: 1;
}

.form-over-83f8 .tabs-iron-4eb4 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.form-over-83f8 .nav-6934 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

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

.gallery_tiny_ac66 .gradient-cb99 {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

.gallery_tiny_ac66 .gradient-cb99 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);
}

.gallery_tiny_ac66 .gradient-cb99 li:last-child {
    border-bottom: none;
}

.gallery_tiny_ac66 .gradient-cb99 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;
}

.gallery_tiny_ac66 .gradient-cb99 li strong {
    color: var(--text-white);
}

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

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

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

/* Security Tips Section */
.smooth_1c67 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.active-62dc {
    font-size: 2rem;
}

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

.wrapper-b90f {
    flex: 1;
}

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

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

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

.description-simple-3af4 {
    margin-top: 3rem;
}

.simple-d465 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

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

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

.easy_d142 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

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

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

/* Tech Stack Section */
.hero_green_e77f {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.thick_1768 {
    margin: 2rem 0;
}

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

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

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

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

.aside-4d28 {
    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);
}

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

.message-hovered-09f1 {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

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

/* Performance Section */
.detail_a2be {
    padding: var(--section-padding);
}

.banner_3556 {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

.card_31b9 {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.card_31b9.notification-6bb7 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.aside-7350 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.overlay-silver-7945 {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.message-0e0f {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

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

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

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

/* Update Log Section */
.footer-west-af92 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.mini-93e0 {
    margin: 2rem 0;
}

.silver-c3c9 {
    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) {
    .silver-c3c9 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

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

.wrapper_28e3 {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.sidebar_black_ed71 {
    flex: 1;
}

.tiny-ac3b {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

.background_medium_b1d0 li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

.label-gas-2a48 {
    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);
}

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

.brown_8756 {
    flex: 1;
}

.search-e0b6 {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

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

.lower-012d {
    margin-top: 2rem;
    text-align: center;
}

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

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

/* Promo Highlights */
.pagination-new-4f91 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

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

.breadcrumb-action-62d3 {
    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);
}

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

.breadcrumb-action-62d3 .footer_lite_e328 {
    font-size: 2rem;
    flex-shrink: 0;
}

.breadcrumb-action-62d3 .pink_63a3 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.breadcrumb-action-62d3 .active-6ea0 {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

.breadcrumb-action-62d3 .section-fb9f {
    color: var(--accent-color);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Featured Promos Section */
.soft_1c1c {
    padding: var(--section-padding);
}

.picture_tiny_cdcc .card-2c49 {
    flex: 1;
}

/* Promo Calendar Section */
.caption_3c85 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.filter-clean-ecee {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.lower-3e30 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

.header-83e8 {
    color: var(--text-white);
    font-size: 0.9375rem;
}

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

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

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

/* Requirements Section */
.accordion_bead {
    padding: var(--section-padding);
}

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

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

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

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

.overlay-dim-d19e {
    list-style: none;
    padding: 0;
    margin: 0;
}

.overlay-dim-d19e li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.primary-static-2c5a {
    margin-top: 3rem;
}

.primary-static-2c5a .simple-d465 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.primary-static-2c5a .search_5e1b {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.primary-static-2c5a .easy_d142 {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.primary-static-2c5a .easy_d142 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.primary-static-2c5a .easy_d142 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.primary-static-2c5a .easy_d142 li strong {
    color: var(--warning-color);
}

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

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

/* Winners Hall Section */
.red_382c {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.grid_08f1 .carousel_c1a8 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.icon_40c2 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.advanced-3e6f {
    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);
}

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

.form-plasma-3d74 {
    font-size: 2rem;
    flex-shrink: 0;
}

.full-dfd8 {
    flex: 1;
}

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

.secondary-aef4 {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.hovered_9fab {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

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

.south-2dd7 {
    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);
}

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

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

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

.content-03fd {
    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);
}

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

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

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.badge-steel-750d { 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; }
.message_static_a5dc, .block_1dfd { max-width:100%; height:auto; }

.light-6282, .cool-5bd9, .dirty-dac7 { white-space:normal; }

.sidebar_a3b2,
.blue_96c7,
.dim_ba87,
.pagination-new-4f91,
.wood_db8b,
.cool-c271 {
  flex-wrap:wrap;
}

[class*="grid"],
.copper-7700,
.banner_medium_5fe9,
.block_current_9097 {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.heading_d1cb img,
.blue_96c7 img,
.fast-036c img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.progress-tiny-1620, .cool-a70b,
.container_78a2, .item-4eb4 {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.down-00c3 { width:100%; overflow-x:auto; }
.down-00c3 table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.module_bottom_cef5 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .module_bottom_cef5 {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.pagination_warm_23ed {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.block_dab7,
.hard_f19b,
.primary_cold_8a43,
.grid_current_e250,
.widget_c319,
.copper-7700,
.banner_medium_5fe9,
.block_current_9097,
.gallery_a10c,
.warm-1adb,
.module_bottom_cef5 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .block_dab7,
  .hard_f19b,
  .primary_cold_8a43,
  .grid_current_e250,
  .widget_c319,
  .copper-7700,
  .banner_medium_5fe9,
  .block_current_9097,
  .gallery_a10c,
  .warm-1adb,
  .module_bottom_cef5 {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.outer_dce4,
.tabs-757e,
.south-2dd7,
.border_fea7,
.layout_smooth_26b1,
.blue-c159,
.progress_hard_d7a5,
.pagination_warm_23ed {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.avatar-29c5,
.pro-ddca,
.medium_4ce1 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.avatar-29c5 > *,
.pro-ddca > *,
.medium_4ce1 > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: 90b5 */
.phantom-card-p4 {
  padding: 0.3rem;
  font-size: 11px;
  line-height: 1.1;
}