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

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

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

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

@media (min-width: 1024px) {
    .tag-647b {
        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 */
.gallery_2e14 {
    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);
}

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .summary-blue-f77d {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .pattern_13cf {
        grid-column: 1;
    }
    
    .logo_hovered_b6ca {
        grid-column: 2;
    }
    
    .stone_4c18 {
        grid-column: 3;
    }
}

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

.pattern_13cf:hover img {
    transform: scale(1.05);
}

/* Navigation */
.warm-2e54 {
    display: none;
}

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

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

.shade-prev-5ce3 {
    position: relative;
}

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

.shade-prev-5ce3 .alert_tall_bd83 {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

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

.layout_494b {
    color: var(--text-gray);
    text-decoration: none;
    font-weight: 500;
    padding: 0.4rem 0.75rem;
    border-radius: var(--radius-sm);
    transition: var(--transition-fast);
    position: relative;
    font-size: 0.9rem;
}

.layout_494b:hover,
.layout_494b.fn-active-1efc {
    color: var(--accent-light);
    background: var(--tertiary-bg);
    box-shadow: var(--shadow-glow);
}

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

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

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

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


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

.menu-ec17::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 */
.stone_4c18 {
    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) {
    .stone_4c18 {
        display: none;
    }
}

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

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

.stone_4c18.fn-active-1efc span:nth-child(2) {
    opacity: 0;
}

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

.search-8bad {
    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;
}

.search-8bad.fn-active-1efc {
    display: block;
    max-height: 500px;
}

/* Prevent body scroll when menu is open */
body.aside-red-b486 {
    overflow: hidden;
}

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

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

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


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

.selected_c25a.nav-9659::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 */
.accordion_over_1bde {
    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;
}

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

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

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

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

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

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

.over-276d {
    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;
}

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

.basic-9ae8:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

.row-under-d424 {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

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

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

.status-prev-9df9 {
    font-size: 0.875em;
    opacity: 0.9;
    font-weight: 500;
}

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

.surface-pressed-a8fd::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;
}

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

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

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

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

.hard-6c25 {
    margin-bottom: 2rem;
}

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

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

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

.grid_421d {
    font-size: 1.5rem;
}

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

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

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

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

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

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

.panel_b007 {
    margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.selected-1b99 {
    list-style: none;
}

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

.selected-1b99 li:last-child {
    border-bottom: none;
}

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

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

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

.wrapper-prev-e72a {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

/* Bonus Highlight */
.green-8df7 {
    margin: 2rem 0;
}

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

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

.north-23eb {
    font-size: 2.5rem;
    font-weight: 900;
    margin-bottom: 0.5rem;
}

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

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

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

.content-warm-5cbb {
    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);
}

.content-warm-5cbb:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-accent);
}

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

.large-3b5c {
    font-size: 1.5rem;
}

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

.button-30d6 {
    list-style: none;
}

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

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

/* Security Features */
.search-da16 {
    margin: 2rem 0;
}

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

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

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

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

.breadcrumb_dark_23a3 {
    font-size: 1.25rem;
}

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

/* Statistics */
.module_e8a9,
.logo-copper-1807 {
    text-align: center;
    margin: 2rem 0;
}

.frame-3d5f,
.plasma-8df5 {
    font-size: 1.125rem;
    color: var(--accent-color);
    font-weight: 600;
}

/* CTA Sections */
.table-pro-6a8b {
    margin: 2rem 0;
    text-align: center;
}

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

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

.row-blue-baba {
    position: relative;
    z-index: 1;
}

.link-3c24 {
    margin-bottom: 1rem;
}

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

.progress-in-2236 {
    margin-bottom: 3rem;
}

.alert-191b {
    margin-top: 3rem;
}

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

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

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

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

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

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

.tertiary-6e12 {
    display: grid;
    gap: 2rem;
    padding: 3rem 0 2rem;
}

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

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

.container_inner_7ef7 {
    margin-bottom: 1rem;
}

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

.module-glass-8382 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.notification-9b0a {
    list-style: none;
}

.notification-9b0a li {
    margin-bottom: 0.5rem;
}

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

.notification-9b0a a:hover {
    color: var(--accent-color);
}

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

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

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

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

.module-dirty-9036 p {
    margin-bottom: 0.25rem;
}

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

.progress_light_2960 {
    text-align: center;
}

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

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

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

.focused-7b22 {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

.pattern-motion-4516 {
    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);
    }
}

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

.liquid_4cc1 {
    animation: pulse 2s infinite;
}

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

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

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

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

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

.smooth_48b5 .block_copper_5bba {
    font-size: 1.25rem;
}

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

.message-fast-2d3e {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

.form-short-70cd {
    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);
}

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

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

.filter-0750 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.element_easy_09e2 .wrapper-prev-e72a {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

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

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

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

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

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

.top-1cfd {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.gradient-left-dbb4 .breadcrumb_dark_23a3 {
    font-size: 1.25rem;
}

.gradient-left-dbb4 .tag-8c92 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--success-color);
}

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

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

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

.easy_8c75 .wrapper-prev-e72a {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

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

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

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

.cold-16d6 .shadow-white-577f {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.cold-16d6 .tabs-5d3a {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.primary-fast-c169 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

.table-3c2a {
    flex: 1;
}

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

.form-old-8b2e {
    color: var(--text-gray);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.status-fast-0e30 {
    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);
}

.status-fast-0e30:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

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

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

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

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

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

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

.component-718b {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.warm-787d {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.main_steel_5cb1 .dropdown-full-ebfa {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

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

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

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

.banner-f899 .block_copper_5bba {
    font-size: 2rem;
    flex-shrink: 0;
}

.banner-f899 .wrapper-prev-e72a {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.banner-f899 .yellow_3b7a {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

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

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

.chip-medium-4c88 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.border_fixed_629e {
    flex: 1;
}

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

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

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

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

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

.center_e20c .shadow-white-577f {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

.logo-copper-1807 {
    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);
}

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

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

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

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

.panel-5e83 {
    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);
}

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

.caption-easy-2d75 {
    font-size: 2rem;
    flex-shrink: 0;
}

.notification-clean-97ca {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

.fluid-7daf {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.image-924c {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.banner-f899 .wrapper-prev-e72a {
    color: var(--success-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.banner-f899 .yellow_3b7a {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

.glass-6d2c {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

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

.content-north-5fd5 {
    padding: 1.5rem;
}

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

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

.status-e5c6 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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-active-9e91 {
    text-align: center;
}

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

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

.nav-4c5f {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.tabs-left-bcb8 .wrapper-prev-e72a {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

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

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

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

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

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

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

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

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

.border-542b {
    padding: 1.5rem;
}

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

.message-8a10 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.message-8a10 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;
}

.message-8a10 li:last-child {
    border-bottom: none;
}

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

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

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

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

.focus-basic-ad70 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.form-short-70cd {
    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;
}

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

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

.outline-simple-5abf {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.hero-gas-3a71 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

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

.pressed_cb94 .nav-gold-9eb8 {
    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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sort-dynamic-4eae {
    font-size: 1rem;
}

.focus_full_fbf6 {
    padding: 1.5rem;
}

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

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

.sort_fluid_9ffd .border-active-9e91 {
    text-align: center;
}

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

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

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

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

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

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

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

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

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

.summary-medium-e66a {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

.green-eb73 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.under_73e4.text-7581 {
    background: linear-gradient(135deg, #cd7f32, #a0522d);
    color: white;
}

.under_73e4.red-28ab {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

.under_73e4.preview-2ed6 {
    background: linear-gradient(135deg, #ffd700, #ffb347);
    color: #0f172a;
}

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

.under_73e4.box-tall-ef41 {
    background: linear-gradient(135deg, #b9f2ff, #00bfff);
    color: #0f172a;
}

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

.sort-brown-becb {
    color: var(--text-gray);
    line-height: 1.6;
}

.lite-6e03 {
    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);
}

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

.hard-7c64 {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

.hard-7c64 li:last-child {
    border-bottom: none;
}

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

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

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

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

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

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

.backdrop-basic-3ca0.south-b382 {
    grid-column: 1 / -1;
    border-color: rgba(6, 182, 212, 0.3);
}

@media (min-width: 1024px) {
    .backdrop-basic-3ca0.south-b382 {
        grid-column: span 3;
    }
}

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

.backdrop-basic-3ca0.south-b382 .module-up-a30d {
    background: rgba(6, 182, 212, 0.1);
}

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

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

.backdrop-basic-3ca0.south-b382 .orange_8f53 {
    color: var(--info-color);
}

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

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

.backdrop-basic-3ca0.south-b382 .rough_65a4 {
    color: var(--info-color);
}

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

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

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

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

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

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

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

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

.basic-005c {
    flex: 1;
}

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

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

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

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

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

.pattern-motion-4516 {
    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);
}

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

.outer-7283 .border-active-9e91 {
    text-align: center;
}

.outer-7283 .button-outer-24c9 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--info-color);
    margin-bottom: 0.5rem;
}

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

.border-fluid-44c0 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.progress-1e2c {
    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);
}

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

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

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

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

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

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

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

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

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

.search-up-3aba {
    color: var(--accent-color);
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
}

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

.tertiary-5228.motion-9300 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.tertiary-5228.medium-1808 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
}

.tertiary-5228.overlay_soft_6a60 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--info-color);
}

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

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

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

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

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

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

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

.brown-3771 {
    text-align: center;
}

.brown-3771 .button-outer-24c9 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--success-color);
    margin-bottom: 0.5rem;
}

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

/* Utility Classes */
.smooth_9ffb { text-align: center; }
.icon_9c3c { text-align: left; }
.old-1f38 { text-align: right; }

.large-0334 { margin-bottom: 0; }
.info-small-226d { margin-bottom: 0.5rem; }
.blue_d7bc { margin-bottom: 1rem; }
.wrapper_dark_bb07 { margin-bottom: 1.5rem; }
.border-2d4e { margin-bottom: 2rem; }

.nav-bb5e { margin-top: 0; }
.up_013a { margin-top: 0.5rem; }
.dark-bf04 { margin-top: 1rem; }
.video_1863 { margin-top: 1.5rem; }
.under-a43c { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .surface-pressed-a8fd {
        padding: 6rem 0 3rem;
    }
    
    .hidden_78ec {
        text-align: center;
    }
    
    .text_b400 {
        text-align: center;
    }
    
    .logo-fd01 {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .gallery_2e14,
    .search-8bad,
    .solid_436a,
    .carousel_761b {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .surface-pressed-a8fd {
        background: none;
    }
}

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

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

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

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

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

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

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

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

.large-476f {
    list-style: none;
    padding: 0;
}

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

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

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

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

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

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

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

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

.primary-light-0c74:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

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

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

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

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

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

.outline-stone-4268 {
    font-size: 1.25rem;
}

.list_c6a4 {
    margin-bottom: 1rem;
}

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

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

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

.border-active-9e91 {
    text-align: center;
}

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

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

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

.paper_a045 {
    margin: 2rem 0;
}

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

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

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

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

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

.link-1361 {
    font-size: 2rem;
}

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

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

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

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

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

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

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

.shade-dark-dccf {
    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);
}

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

.shade-dark-dccf .button-outer-24c9 {
    font-size: 3rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    display: block;
}

.shade-dark-dccf .accent_7c71 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.75rem;
    display: block;
}

.shade-dark-dccf .content_fb8b {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin: 0;
}

.slider-054f {
    margin-top: 4rem;
}

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

.frame-liquid-de2b {
    overflow-x: auto;
}

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

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

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

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

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

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

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

.gradient-hovered-12dc {
    max-width: 900px;
    margin: 0 auto;
}

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

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

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

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

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

.status_clean_81f3.fn-active-1efc .badge_e90f {
    transform: rotate(45deg);
}

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

.status_clean_81f3.fn-active-1efc .summary_gas_3281 {
    max-height: 1000px;
}

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

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

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

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

.panel-blue-5a8d {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

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

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

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

.mini_557c {
    font-size: 2rem;
}

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

.mask-out-05a0 {
    list-style: none;
    padding: 0;
}

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

.mask-out-05a0 li:last-child {
    border-bottom: none;
}

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

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

.mask_1fa9 {
    margin-top: 3rem;
}

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

.menu-east-5701 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

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

.highlight-dynamic-5d88 p {
    color: var(--text-gray);
    margin: 0;
}

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

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

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

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

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

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

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

.photo_stone_bab3 {
    flex: 1;
}

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

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

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

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

.item-3df6:last-child {
    border-bottom: none;
}

/* Comparison Section */
.filter-clean-10e3 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.shadow_wide_7469, .current_a87f, .modal_9a41 {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

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

.pagination_in_f67e {
    margin: 2rem 0;
}

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

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

.complex-9943 {
    list-style: none;
    padding: 0;
}

.complex-9943 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;
}

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

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

.shadow-fresh-2e17 {
    text-align: center;
    margin-top: 2rem;
}

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

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

.box_dim_1f65 {
    margin: 2rem 0;
}

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

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

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

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

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

.thumbnail-a151 {
    flex: 1;
}

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

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

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

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

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

.overlay-static-044c {
    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);
}

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

.overlay-static-044c .button-outer-24c9 {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.overlay-static-044c .accent_7c71 {
    color: var(--text-gray);
    font-size: 1rem;
}

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

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

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

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

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

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

.accent-3f6f {
    margin-bottom: 1.5rem;
}

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

.accent-3f6f input,
.accent-3f6f 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;
}

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

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

.prev-4052 {
    display: flex;
    align-items: center;
}

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

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

.tertiary-top-143d {
    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;
}

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

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

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

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

.steel_683b {
    margin-top: 3rem;
}

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

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

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

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

.thumbnail-west-dc14:last-child {
    border-bottom: none;
}

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

.stale_1043 {
    margin: 2rem 0;
}

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

.feature-middle-7c80 {
    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;
}

.feature-middle-7c80:hover, .feature-middle-7c80.fn-active-1efc {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.list_over_6d8d {
    display: none;
}

.list_over_6d8d.fn-active-1efc {
    display: block;
}

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

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

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

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

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

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

.iron-b892 {
    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 */
.row-current-79be {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.liquid_2b84 {
    display: flex;
    gap: 1.5rem;
}

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

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

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

.preview_up_5745.left-008b {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.preview_up_5745.tooltip-23cb {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

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

.heading-liquid-a661 {
    margin-top: 2rem;
}

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

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

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

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

.gallery-hot-994c {
    color: var(--text-gray);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

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

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

.fast_4be3 {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

.pagination-large-5df5 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

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

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

.blue_f870 {
    margin-top: 2rem;
}

.wrapper-narrow-cc99 {
    color: var(--success-color);
    margin-bottom: 1.5rem;
}

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

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

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

.brown-3786 a:hover {
    text-decoration: underline;
}

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

.green_318a {
    margin: 2rem 0;
}

.old-3725 {
    margin-bottom: 3rem;
}

.old-3725 .tag-active-cfa0 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

.slow-7ab1 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

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

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

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

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

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

.aside_wide_6256 {
    margin: 2rem 0;
}

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

.center-80bc {
    overflow-x: auto;
    margin: 2rem 0;
}

.red-12b8 {
    background: rgba(6, 182, 212, 0.1) !important;
}

.thumbnail-bronze-0118 {
    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;
}

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

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

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

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

.full_4442 .block_copper_5bba {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

.full_4442 .wrapper-prev-e72a {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.old_700c .nav-gold-9eb8 {
    color: var(--text-gray);
    font-size: 0.875rem;
}

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

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

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

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

.hidden_2f04 .button-outer-24c9 {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

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

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

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

/* Football Leagues Section */
.fluid-7daf {
    margin: 2rem 0;
}

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

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

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

.left-f11d {
    flex: 1;
}

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

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

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

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

.banner-f899 .wrapper-prev-e72a {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

.banner-f899 .yellow_3b7a {
    color: var(--text-gray);
    margin: 0;
}

.search_5e53 {
    margin: 2rem 0;
    padding: 1.5rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--accent-color);
}

.search_5e53 .frame-3d5f {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

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

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

.border_fixed_629e {
    flex: 1;
}

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

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

/* Step Content Styles */
.form-short-70cd {
    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;
}

.accordion-5b65 {
    flex: 1;
}

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

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

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

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

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

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

.input_soft_0ad3 {
    margin-top: 2rem;
}

.input_soft_0ad3 .alert-b6ed {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

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

.nav-4c5f {
    margin: 2rem 0;
}

.tabs-left-bcb8 {
    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 */
.column-over-1220 {
    padding: var(--section-padding);
}

.border-542b {
    margin-top: 1rem;
}

.message-8a10 {
    list-style: none;
    padding: 0;
    margin-top: 1rem;
}

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

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

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

.medium-365c {
    margin: 2rem 0;
}

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

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

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

.notice-first-f82c {
    margin: 2rem 0;
}

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

.grid-4862 .tag-active-cfa0 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.column-small-0634 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

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

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

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

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

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

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

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

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

.modal-c61d .article-f9e5 {
    font-size: 2rem;
    flex-shrink: 0;
}

.modal-c61d .static-3c55 {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

.sidebar_2450 {
    flex: 1;
}

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

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

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

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

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

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

.feature-6a66 strong {
    color: var(--warning-color);
}

/* Slots Section */
.status-prev-95fe {
    padding: var(--section-padding);
}

.component-718b {
    margin: 2rem 0;
}

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

.warm-787d {
    margin: 2rem 0;
}

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

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

.main_steel_5cb1 .dropdown-full-ebfa {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

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

.highlight-fec7 .frame-3d5f {
    color: var(--text-gray);
    margin: 0;
    text-align: center;
    font-size: 1.125rem;
}

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

.content_fast_91ba {
    margin: 2rem 0;
}

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

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

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

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

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

.dark_8f12.fn-active-1efc {
    background: var(--accent-color);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

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

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

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

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

.thumbnail-light-2a6b {
    margin: 2rem 0;
}

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

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

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

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

.form_3452 {
    flex: 1;
}

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

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

.section-copper-d35e {
    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;
}

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

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

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

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

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

.info_9469 {
    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-0e29 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.over-0e29 strong {
    color: var(--accent-color);
}

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

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

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

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

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

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

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

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

.photo-dim-6989 {
    font-size: 2rem;
}

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

.modal-left-32fd {
    flex: 1;
}

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

.search-paper-073d {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

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

.in-2ded {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

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

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

.notice-433c {
    color: var(--text-white);
    font-weight: 600;
}

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

.carousel-gold-059b {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
    text-align: center;
}

.carousel-gold-059b strong {
    color: var(--accent-color);
}

/* Security Section */
.header_20f8 {
    padding: var(--section-padding);
}

/* Benefits Section */
.dynamic-a5ea {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

/* Help Section */
.main_east_6ac5 {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.search-9547 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.plasma-ce51 {
    margin: 3rem 0;
    display: grid;
    gap: 2rem;
}

.basic-3047 {
    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) {
    .basic-3047 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.basic-3047 .form-short-70cd {
    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;
}

.basic-3047 .accordion-5b65 {
    flex: 1;
}

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

.basic-3047 .disabled_short_a32d {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

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

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

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

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

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

/* Quick Registration Section */
.paragraph-5c42 {
    padding: var(--section-padding);
}

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

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

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

.gallery-b83f:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
}

.gallery-b83f .mask-ca11 {
    font-size: 2rem;
    flex-shrink: 0;
}

.gallery-b83f .search-inner-baa0 {
    flex: 1;
}

.gallery-b83f .shadow-white-577f {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.gallery-b83f .tabs-9c1a {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

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

.bottom-cb29 .east-de32 {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

.bottom-cb29 .east-de32 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);
}

.bottom-cb29 .east-de32 li:last-child {
    border-bottom: none;
}

.bottom-cb29 .east-de32 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;
}

.bottom-cb29 .east-de32 li strong {
    color: var(--text-white);
}

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

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

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

/* Security Tips Section */
.gradient_82df {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.highlight-orange-5df2 {
    font-size: 2rem;
}

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

.frame_96bf {
    flex: 1;
}

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

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

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

.mask-prev-e3a6 {
    margin-top: 3rem;
}

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

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

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

.active_bright_e098 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

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

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

/* Tech Stack Section */
.video-lite-9ec3 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.chip-6f79 {
    margin: 2rem 0;
}

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

.plasma_1d94 .tag-active-cfa0 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.fluid-068d {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

.border-last-6f00 {
    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);
}

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

.border-694b {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

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

/* Performance Section */
.cold-598c {
    padding: var(--section-padding);
}

.easy-7452 {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

.paragraph-rough-0a57 {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.paragraph-rough-0a57.sort-stone-d813 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.texture_fluid_7f58 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.red-0a33 {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.secondary-28f6 {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

.accent-4fcc {
    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);
}

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

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

/* Update Log Section */
.hidden_cold_55ea {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.mask-fast-98b0 {
    margin: 2rem 0;
}

.background-4158 {
    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) {
    .background-4158 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

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

.active_glass_0f33 {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.accent_pressed_56be {
    flex: 1;
}

.input_7f0f {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

.slow_03e7 li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.aside-983e {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

.accordion-56ab {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.grid-5a58 {
    flex: 1;
}

.solid_ffb5 {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

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

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

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

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

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

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

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

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

.left_98e7 .active-0ff1 {
    font-size: 2rem;
    flex-shrink: 0;
}

.left_98e7 .panel_liquid_7272 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.left_98e7 .hover_b42a {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

.left_98e7 .module-9f2c {
    color: var(--accent-color);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Featured Promos Section */
.north_0212 {
    padding: var(--section-padding);
}

.active_orange_4978 .badge_static_9b60 {
    flex: 1;
}

/* Promo Calendar Section */
.down-2506 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.shade_white_bfe5 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.old-24fa {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

.primary-purple-b102 {
    color: var(--text-white);
    font-size: 0.9375rem;
}

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

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

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

/* Requirements Section */
.pink_4921 {
    padding: var(--section-padding);
}

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

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

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

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

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

.alert_hovered_27d0 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.alert-03df {
    margin-top: 3rem;
}

.alert-03df .detail_center_a379 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.alert-03df .feature_5677 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.alert-03df .active_bright_e098 {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.alert-03df .active_bright_e098 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.alert-03df .active_bright_e098 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.alert-03df .active_bright_e098 li strong {
    color: var(--warning-color);
}

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

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

/* Winners Hall Section */
.south-2813 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.slider-eb47 .tag-active-cfa0 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.widget_f7e2 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.icon-brown-596f {
    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);
}

.icon-brown-596f:hover {
    transform: translateX(4px);
    border-color: var(--accent-color);
}

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

.header_d842 {
    flex: 1;
}

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

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

.left_9ce7 {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

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

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

.nav-simple-39ea strong {
    color: var(--accent-color);
}

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.tag-647b { 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; }
.section_4de8, .tall-7400 { max-width:100%; height:auto; }

.accordion_over_1bde, .last_2720, .over-276d { white-space:normal; }

.hidden_78ec,
.text_b400,
.table_small_9f47,
.slider_a0f0,
.link_brown_bca9,
.nav-steel-eb36 {
  flex-wrap:wrap;
}

[class*="grid"],
.label_west_352d,
.list_purple_980f,
.cold-5863 {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.surface-pressed-a8fd img,
.text_b400 img,
.block_fast_0d13 img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.paragraph_right_0ec7, .secondary_b67f,
.panel_b007, .black_e689 {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.frame-liquid-de2b { width:100%; overflow-x:auto; }
.frame-liquid-de2b table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.status-e2b8 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .status-e2b8 {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.card_inner_1866 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.caption-ef0b,
.preview_d0fe,
.breadcrumb_0705,
.alert_fixed_5841,
.picture_b02d,
.label_west_352d,
.list_purple_980f,
.cold-5863,
.component_791f,
.thumbnail-light-2a6b,
.status-e2b8 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .caption-ef0b,
  .preview_d0fe,
  .breadcrumb_0705,
  .alert_fixed_5841,
  .picture_b02d,
  .label_west_352d,
  .list_purple_980f,
  .cold-5863,
  .component_791f,
  .thumbnail-light-2a6b,
  .status-e2b8 {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.shade-dark-dccf,
.overlay-static-044c,
.box_white_79f0,
.overlay-b253,
.progress_dae6,
.brown-3771,
.article_bottom_d428,
.card_inner_1866 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.detail_3bcc,
.picture_liquid_02b4,
.header-white-7e03 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.detail_3bcc > *,
.picture_liquid_02b4 > *,
.header-white-7e03 > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: 4d7a */
.phantom-card-u3 {
  padding: 0.2rem;
  font-size: 12px;
  line-height: 1.3;
}