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

.search-east-71ce {
    background: var(--hero-gradient);
    min-height: 100vh;
}

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

@media (min-width: 640px) {
    .component-plasma-6b46 {
        padding: 0 1.5rem;
    }
}

@media (min-width: 1024px) {
    .component-plasma-6b46 {
        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 */
.outline_advanced_1639 {
    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);
}

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .article-6c8b {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .hidden_ed07 {
        grid-column: 1;
    }
    
    .info-b396 {
        grid-column: 2;
    }
    
    .highlight_0a14 {
        grid-column: 3;
    }
}

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

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

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

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

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

.image_bright_63f3 {
    position: relative;
}

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

.image_bright_63f3 .filter_smooth_3d75 {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

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

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

.fluid-d980:hover,
.fluid-d980.fn-active-ef31 {
    color: var(--accent-light);
    background: var(--tertiary-bg);
    box-shadow: var(--shadow-glow);
}

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

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

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

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


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

.tertiary-middle-5b84::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 */
.highlight_0a14 {
    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) {
    .highlight_0a14 {
        display: none;
    }
}

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

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

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

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

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

.purple_3652.fn-active-ef31 {
    display: block;
    max-height: 500px;
}

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

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

.row-basic-335f {
    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;
}

.row-basic-335f:hover,
.row-basic-335f.fn-active-ef31 {
    background: var(--tertiary-bg);
    color: var(--accent-light);
    border-left: 3px solid var(--accent-color);
    padding-left: 1.375rem;
}


/* 移动端注册按钮动画效果 */
.row-basic-335f.notice_d5f2 {
    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;
}

.row-basic-335f.notice_d5f2::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 */
.gas-ae48 {
    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;
}

.search-cool-814d {
    background: var(--primary-gradient);
    color: var(--text-white);
    box-shadow: var(--shadow-accent);
}

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

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

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

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

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

.alert_stone_9210 {
    padding: 1.5rem 3rem;
    font-size: 1.25rem;
    background: var(--primary-gradient);
    color: var(--text-white);
    box-shadow: var(--shadow-accent);
    flex-direction: column;
    gap: 0.5rem;
}

.component-in-d24f {
    background: var(--secondary-bg);
    color: var(--accent-color);
    border: 1px solid var(--accent-color);
}

.component-in-d24f:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

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

.column-copper-f732: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);
}

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

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

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

.panel-action-fcb6::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;
}

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

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

.form-931f {
    margin-bottom: 1.5rem;
    line-height: 1.1;
}

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

.action-1fcb {
    margin-bottom: 2rem;
}

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

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

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

.tag-mini-f50f {
    font-size: 1.5rem;
}

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

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

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

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

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

.notification-hot-b45d {
    text-align: center;
    margin-bottom: 3rem;
}

.title_f38f {
    margin-bottom: 1rem;
}

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

.focus-under-77c2 {
    display: grid;
    gap: 3rem;
    align-items: center;
}

@media (min-width: 1024px) {
    .focus-under-77c2 {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
    
    .focus-under-77c2.north_88ae {
        direction: rtl;
    }
    
    .focus-under-77c2.north_88ae > * {
        direction: ltr;
    }
}

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

.module-a1c6:first-child {
    margin-top: 0;
}

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

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

.tag-action-175f:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-xl);
}

/* Payment Methods */
.description-static-7ce2 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.column-full-6cc9 {
    color: var(--accent-color);
    margin-bottom: 1rem;
    font-size: 1.125rem;
}

.east-1e4d {
    list-style: none;
}

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

.east-1e4d li:last-child {
    border-bottom: none;
}

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

.summary-copper-3eb5 {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

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

.message-tall-4e20 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

.shade_bright_2f7d {
    font-size: 1.5rem;
}

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

.component-4409 {
    list-style: none;
}

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

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

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

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

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

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

.breadcrumb-plasma-8f31 {
    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);
}

.nav_brown_1402 {
    font-size: 1.25rem;
}

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

/* Statistics */
.out-6d29,
.column-474d {
    text-align: center;
    margin: 2rem 0;
}

.label-9f34,
.lite-43b0 {
    font-size: 1.125rem;
    color: var(--accent-color);
    font-weight: 600;
}

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

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

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

.sort-9e66 {
    position: relative;
    z-index: 1;
}

.cool-6a09 {
    margin-bottom: 1rem;
}

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

.background-hovered-2d0a {
    margin-bottom: 3rem;
}

.summary_fluid_7176 {
    margin-top: 3rem;
}

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

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

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

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

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

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

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

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

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

.tabs-glass-0983 {
    margin-bottom: 1rem;
}

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

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

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

.text-c8e6 {
    list-style: none;
}

.text-c8e6 li {
    margin-bottom: 0.5rem;
}

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

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

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

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

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

.section-mini-72dd {
    font-size: 0.875rem;
    color: var(--text-gray);
}

.section-mini-72dd p {
    margin-bottom: 0.25rem;
}

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

.modal_soft_74de {
    text-align: center;
}

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

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

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

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

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

.upper-21ac {
    animation: fadeInUp 0.6s ease-out;
}

.hot_64fb {
    animation: pulse 2s infinite;
}

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

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

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

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

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

.label_smooth_96de .lower_27f1 {
    font-size: 1.25rem;
}

.label_smooth_96de .container-3978 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

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

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

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

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

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

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

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

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

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

.mask_mini_8b6b .message-tall-4e20 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

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

.item-dirty-302e {
    display: flex;
    justify-content: center;
    margin: 3rem 0;
}

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

.item-dirty-302e img:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-glow);
}

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

.frame-wide-361a {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

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

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

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

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

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

.picture-wide-a09b {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

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

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

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

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

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

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

.breadcrumb-plasma-8f31 {
    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);
}

.breadcrumb-plasma-8f31 .nav_brown_1402 {
    font-size: 1.25rem;
}

.breadcrumb-plasma-8f31 .chip_pink_22a3 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--success-color);
}

.logo-dbc2 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.accordion-center-f7bf .lower_27f1 {
    font-size: 2rem;
    flex-shrink: 0;
}

.accordion-center-f7bf .message-tall-4e20 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.accordion-center-f7bf .overlay_1da2 {
    color: var(--text-gray);
    line-height: 1.6;
}

.hover-steel-7454 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.hot-7a8a .action-9172 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.hot-7a8a .button-fluid-60a5 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

.frame-f2d4 {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.nav-pink-01ee {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

.bottom-0e7b {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.in-07cb .warm-48c7 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.in-07cb .highlight-fluid-c072 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

.card-cd90 .lower_27f1 {
    font-size: 2rem;
    flex-shrink: 0;
}

.card-cd90 .message-tall-4e20 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.card-cd90 .overlay_1da2 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.grid-bronze-f5d7 {
    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);
}

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

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

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

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

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

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

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

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

.video-dim-304a {
    color: var(--text-white);
    font-size: 1rem;
    font-weight: 600;
}

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

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

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

.shadow-fast-338c {
    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);
}

.module-9743 {
    flex: 1;
}

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

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

.mask-brown-6af3 {
    color: var(--text-gray);
    line-height: 1.6;
}

.gas-b821 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.hovered-7ba2 .action-9172 {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.hovered-7ba2 .button-fluid-60a5 {
    color: var(--text-gray);
    line-height: 1.6;
}

.column-474d {
    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);
}

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

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

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

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

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

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

.detail-fresh-2737 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

.card-cd90 .message-tall-4e20 {
    color: var(--success-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.card-cd90 .overlay_1da2 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

.feature-old-642e {
    padding: 1.5rem;
}

.overlay-complex-219e {
    color: var(--text-gray);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

.input-current-971d {
    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);
}

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

.text-next-eca4 {
    font-size: 2rem;
    flex-shrink: 0;
}

.shadow-purple-6965 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

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

.stone-8ba9 {
    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);
}

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

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

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

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

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

.basic_8a49 {
    text-align: center;
}

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

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

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

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

.element-107b .message-tall-4e20 {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.element-107b .overlay_1da2 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

.message-tall-4e20 {
    color: var(--accent-color);
    margin: 0;
    font-size: 1.25rem;
}

.nav_purple_209a {
    padding: 1.5rem;
}

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

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

.popup-e0d2 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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-lite-5c43 {
    display: flex;
    gap: 1rem;
}

.text-lite-5c43 .sidebar_wide_00e3 {
    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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.large_0074 {
    font-size: 1rem;
}

.widget-9081 {
    padding: 1.5rem;
}

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

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

.hard_f2cd .basic_8a49 {
    text-align: center;
}

.hard_f2cd .active-67e4 {
    color: var(--text-muted);
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-0826 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.table_6028.west-94ad {
    background: linear-gradient(135deg, #cd7f32, #a0522d);
    color: white;
}

.table_6028.copper_0925 {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

.table_6028.bright-51b0 {
    background: linear-gradient(135deg, #ffd700, #ffb347);
    color: #0f172a;
}

.table_6028.liquid-4e18 {
    background: linear-gradient(135deg, #e5e4e2, #b8b8b8);
    color: #0f172a;
}

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

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

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

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

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

.hover-steel-7454 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hover-steel-7454 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;
}

.hover-steel-7454 li:last-child {
    border-bottom: none;
}

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

.active-brown-5dc4 {
    display: grid;
    gap: 1.5rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

.steel_97e2.new_6350 .blue-c7d0 {
    background: rgba(6, 182, 212, 0.1);
}

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

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

.steel_97e2.new_6350 .center_bf36 {
    color: var(--info-color);
}

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

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

.steel_97e2.new_6350 .wide-4bbb {
    color: var(--info-color);
}

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

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

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

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

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

.upper-5946 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.slider_short_fd06 {
    flex: 1;
}

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

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

.notification-last-5a73 {
    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);
}

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

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

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

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

.white-d843 .basic_8a49 {
    text-align: center;
}

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

.white-d843 .active-67e4 {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

.active-e0b4 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.outline-lite-2eda {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.grid-thick-625a {
    color: var(--text-gray);
    line-height: 1.6;
}

.badge-491f {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

.icon-5db4 {
    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);
}

.content-5ff1 {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

.frame-center-17b7 {
    color: var(--accent-color);
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
}

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

.layout-top-288f.layout-8d65 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.layout-top-288f.gas_4178 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
}

.layout-top-288f.main-warm-5a8d {
    background: rgba(6, 182, 212, 0.2);
    color: var(--info-color);
}

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

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

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

.bottom-000d .focus-under-8905 {
    color: var(--text-gray);
    font-size: 0.875rem;
    text-align: left;
}

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

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

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

.header_f602 {
    text-align: center;
}

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

.header_f602 .active-67e4 {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Utility Classes */
.gallery-basic-68d9 { text-align: center; }
.thumbnail-ae1e { text-align: left; }
.active-cf87 { text-align: right; }

.prev_111f { margin-bottom: 0; }
.text-c504 { margin-bottom: 0.5rem; }
.feature_37c1 { margin-bottom: 1rem; }
.glass-bd3d { margin-bottom: 1.5rem; }
.outline-top-abee { margin-bottom: 2rem; }

.element_dadc { margin-top: 0; }
.stale-d05a { margin-top: 0.5rem; }
.orange_7e79 { margin-top: 1rem; }
.item-383a { margin-top: 1.5rem; }
.accent_paper_c739 { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .panel-action-fcb6 {
        padding: 6rem 0 3rem;
    }
    
    .primary_5426 {
        text-align: center;
    }
    
    .focus-under-77c2 {
        text-align: center;
    }
    
    .pressed-356f {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .outline_advanced_1639,
    .purple_3652,
    .link_green_0282,
    .icon-e4c2 {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .panel-action-fcb6 {
        background: none;
    }
}

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

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

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

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

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

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

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

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

.alert-old-d25a {
    list-style: none;
    padding: 0;
}

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

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

.north-734f {
    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);
}

.north-734f p {
    color: var(--text-gray);
    margin: 0;
}

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

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

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

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

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

.texture-middle-780f {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

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

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

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

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

.caption_5445 {
    font-size: 1.25rem;
}

.rough_378c {
    margin-bottom: 1rem;
}

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

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

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

.basic_8a49 {
    text-align: center;
}

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

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

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

.primary-e429 {
    margin: 2rem 0;
}

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

.menu-selected-2a13 .lower_27f1 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

.rough_b76e {
    font-size: 2rem;
}

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

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

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

/* Statistics Section */
.gallery-dynamic-ff15 {
    padding: var(--section-padding);
}

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

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

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

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

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

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

.media-0360 .active-67e4 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.75rem;
    display: block;
}

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

.section-west-e2b9 {
    margin-top: 4rem;
}

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

.article_current_03be {
    overflow-x: auto;
}

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

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

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

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

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

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

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

.banner-large-001e {
    max-width: 900px;
    margin: 0 auto;
}

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

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

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

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

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

.notification_liquid_e833.fn-active-ef31 .background_e2ea {
    transform: rotate(45deg);
}

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

.notification_liquid_e833.fn-active-ef31 .container_lower_1dbd {
    max-height: 1000px;
}

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

/* Download Instructions Section */
.container-upper-7e8d {
    padding: var(--section-padding);
}

.item-dirty-302e {
    margin: 2rem 0;
    text-align: center;
}

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

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

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

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

.description-top-85cd {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.search-cec0 {
    font-size: 2rem;
}

.mask-2de4 {
    color: var(--text-white);
    margin: 0;
}

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

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

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

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

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

.content_right_8c55 {
    margin-top: 3rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.item-6275 {
    flex: 1;
}

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

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

.row-white-74c8 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.main-white-c7b1:last-child {
    border-bottom: none;
}

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

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

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

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

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

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

.column_full_311e, .accent-e54c, .wrapper-fluid-f444 {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

.wrapper-fluid-f444 {
    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 */
.tall_9792 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.tooltip-b0c3 {
    margin: 2rem 0;
}

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

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

.upper-5b24 {
    list-style: none;
    padding: 0;
}

.upper-5b24 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;
}

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

.upper-5b24 li:last-child {
    border-bottom: none;
}

.caption-94d7 {
    text-align: center;
    margin-top: 2rem;
}

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

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

.popup-action-d4de {
    margin: 2rem 0;
}

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

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

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

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

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

.button-new-a53d {
    flex: 1;
}

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

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

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

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

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

.yellow-348a {
    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);
}

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

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

.yellow-348a .active-67e4 {
    color: var(--text-gray);
    font-size: 1rem;
}

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

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

.advanced-8f7f strong {
    color: var(--accent-color);
}

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

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

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

.accordion-complex-7754 {
    margin-bottom: 1.5rem;
}

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

.accordion-complex-7754 input,
.accordion-complex-7754 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;
}

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

.badge-orange-50c9 {
    width: 100%;
    margin-top: 1rem;
}

.paragraph-pro-1c35 {
    display: flex;
    align-items: center;
}

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

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

.gradient-green-80e3 {
    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;
}

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

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

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

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

.module-soft-a77a {
    margin-top: 3rem;
}

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

/* Live Stats Section */
.tooltip-orange-5c02 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

.alert_simple_7f09 {
    margin: 2rem 0;
}

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

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

.avatar-south-7475:hover, .avatar-south-7475.fn-active-ef31 {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.iron-ad21 {
    display: none;
}

.iron-ad21.fn-active-ef31 {
    display: block;
}

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

.out-153b {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

.sort-hot-1335 ul {
    list-style: none;
    padding: 0;
}

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

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

.yellow_cb40 {
    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 */
.image-tiny-e0f5 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.active-1421 {
    display: flex;
    gap: 1.5rem;
}

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

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

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

.text_glass_db73.tag-e641 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.text_glass_db73.selected-930e {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

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

.text_pro_03bd {
    margin-top: 2rem;
}

.active-action-0e27 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

.module-first-1dde {
    margin: 2rem 0;
}

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

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

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

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

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

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

.tertiary-hot-d87e {
    margin: 2rem 0;
}

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

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

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

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

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

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

.hidden-tall-cdaa {
    margin-top: 2rem;
}

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

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

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

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

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

.section-old-02e1 {
    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 */
.mask-eee2 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.table-new-ac81 {
    margin: 2rem 0;
}

.chip-green-f17c {
    margin-bottom: 3rem;
}

.chip-green-f17c .overlay-176c {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

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

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

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

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

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

.pagination_large_26de {
    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 */
.menu-1dc0 {
    padding: var(--section-padding);
}

.fixed_5848 {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

.overlay-1d33 .lower_27f1 {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

.overlay-1d33 .message-tall-4e20 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.hover-static-86ff {
    color: var(--text-muted);
    font-size: 0.875rem;
}

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

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

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

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

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

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

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

.dropdown_brown_d990 .active-67e4 {
    color: var(--text-gray);
    font-size: 1rem;
}

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

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

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

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

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

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

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

.filter_hard_5213 {
    flex: 1;
}

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

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

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

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

.card-cd90 .message-tall-4e20 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

.card-cd90 .overlay_1da2 {
    color: var(--text-gray);
    margin: 0;
}

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

.hot-dbe0 .label-9f34 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

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

/* Bonus Tier Styles */
.shadow-fast-338c {
    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;
}

.module-9743 {
    flex: 1;
}

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

.mask-brown-6af3 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

.main-f57b {
    flex: 1;
}

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

.tag-bright-7095 {
    color: var(--text-gray);
    margin: 0;
}

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

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

.text-lite-5c43 {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

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

.green_e875 {
    margin-top: 2rem;
}

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

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

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

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

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

.button_thick_cb2e {
    margin: 2rem 0;
}

.element-107b {
    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 */
.pagination_bottom_4f47 {
    padding: var(--section-padding);
}

.nav_purple_209a {
    margin-top: 1rem;
}

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

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

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

/* RTP Info Section */
.tertiary-next-6c44 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.sidebar-active-4464 {
    margin: 2rem 0;
}

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

.overlay-copper-795d {
    color: var(--accent-color);
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

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

.texture_brown_30a0 {
    margin: 2rem 0;
}

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

.overlay_tall_61d1 .overlay-176c {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

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

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

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

.texture-south-63cd {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1.125rem;
}

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

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

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

.picture-upper-cb6d {
    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;
}

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

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

.preview-2f98 .element_new_031c {
    font-size: 2rem;
    flex-shrink: 0;
}

.preview-2f98 .aside_silver_588d {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

.layout_purple_ed70 {
    flex: 1;
}

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

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

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

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

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

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

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

/* Slots Section */
.dropdown-bright-1aef {
    padding: var(--section-padding);
}

.bottom-0e7b {
    margin: 2rem 0;
}

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

.middle_2e8f {
    margin: 2rem 0;
}

.in-07cb {
    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);
}

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

.in-07cb .warm-48c7 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.in-07cb .highlight-fluid-c072 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

.backdrop-gold-efc7 .label-9f34 {
    color: var(--text-gray);
    margin: 0;
    text-align: center;
    font-size: 1.125rem;
}

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

.progress-fluid-150d {
    margin: 2rem 0;
}

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

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

.avatar-motion-2181 {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

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

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

.label_green_cc87.fn-active-ef31 {
    background: var(--accent-color);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

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

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

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

/* Hot Games Section */
.gallery-fresh-6d2c {
    padding: var(--section-padding);
}

.picture-dde7 {
    margin: 2rem 0;
}

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

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

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

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

.plasma-cc5d {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

.widget-1ed5 strong {
    color: var(--accent-color);
}

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

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

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

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

.disabled-92f3 {
    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;
}

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

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

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

.menu-advanced-90a0 {
    font-size: 2rem;
}

.column-first-4f69 {
    color: var(--text-white);
    margin: 0;
    font-size: 1.125rem;
}

.media-077c {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.pro-7d78 {
    color: var(--accent-color);
    font-weight: 600;
}

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

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

/* Security Section */
.feature-fa75 {
    padding: var(--section-padding);
}

/* Benefits Section */
.link-e892 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

/* Help Section */
.avatar_inner_32b4 {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.chip_c2de {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

.hidden_a2d5 {
    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) {
    .hidden_a2d5 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

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

.hidden_a2d5 .main-f57b {
    flex: 1;
}

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

.hidden_a2d5 .tag-bright-7095 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

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

.pagination_17a3 .logo-dbc2 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pagination_17a3 .logo-dbc2 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
}

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

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

/* Quick Registration Section */
.gold_3abf {
    padding: var(--section-padding);
}

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

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

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

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

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

.input_4ad7 .paragraph-up-6e23 {
    flex: 1;
}

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

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

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

.hover_wood_1c7b .grid-glass-5b7c {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.hover_wood_1c7b .out-18cc {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

.hover_wood_1c7b .out-18cc 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);
}

.hover_wood_1c7b .out-18cc li:last-child {
    border-bottom: none;
}

.hover_wood_1c7b .out-18cc 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;
}

.hover_wood_1c7b .out-18cc li strong {
    color: var(--text-white);
}

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

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

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

/* Security Tips Section */
.link_top_23cc {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.box_6dad {
    font-size: 2rem;
}

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

.shadow-new-e084 {
    flex: 1;
}

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

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

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

.avatar-4098 {
    margin-top: 3rem;
}

.search-focused-a451 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.complex-ab14 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

.small_fe32 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

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

.small_fe32 li strong {
    color: var(--warning-color);
}

/* Tech Stack Section */
.list_complex_8847 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.center-7153 {
    margin: 2rem 0;
}

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

.pressed-876f .overlay-176c {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

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

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

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

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

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

/* Performance Section */
.logo-e46e {
    padding: var(--section-padding);
}

.menu-gas-efe1 {
    margin: 2rem 0;
}

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

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

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

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

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

.input-d498 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

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

.bright-76e0 {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.bright-76e0.photo_dirty_606c {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.short_dd15 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.primary_a1dc {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.description-d9b0 {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

.last-4b06 {
    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);
}

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

.last-4b06 strong {
    color: var(--accent-color);
}

/* Update Log Section */
.gallery-basic-cedd {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.summary_hot_4a76 {
    margin: 2rem 0;
}

.modal_c287 {
    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) {
    .modal_c287 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

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

.tertiary_4244 {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.filter_7c66 {
    flex: 1;
}

.iron-8e17 {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

.frame_33f0 li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

.hard-4b7b {
    flex: 1;
}

.secondary_complex_c4e4 {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

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

.list-8a7a {
    margin-top: 2rem;
    text-align: center;
}

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

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

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

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

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

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

.prev_2309 .text-next-eca4 {
    font-size: 2rem;
    flex-shrink: 0;
}

.prev_2309 .shadow-purple-6965 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.prev_2309 .status_ce74 {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

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

/* Featured Promos Section */
.glass_0108 {
    padding: var(--section-padding);
}

.backdrop_ba54 .container-adb4 {
    flex: 1;
}

/* Promo Calendar Section */
.shadow_22e3 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.hard_1c7b {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.purple-3440 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

.content-hot-9c07 {
    color: var(--text-white);
    font-size: 0.9375rem;
}

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

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

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

/* Requirements Section */
.item-4d7b {
    padding: var(--section-padding);
}

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

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

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

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

.hero-7e1d {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hero-7e1d li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.accordion-44f9 {
    margin-top: 3rem;
}

.accordion-44f9 .search-focused-a451 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.accordion-44f9 .complex-ab14 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.accordion-44f9 .small_fe32 {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.accordion-44f9 .small_fe32 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.accordion-44f9 .small_fe32 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.accordion-44f9 .small_fe32 li strong {
    color: var(--warning-color);
}

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

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

/* Winners Hall Section */
.search_e566 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.shade_orange_af31 .overlay-176c {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.middle-c2cb {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

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

.status-f9ee {
    flex: 1;
}

.rough-8b60 {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.25rem;
    font-size: 1.125rem;
}

.action-4067 {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.detail-aebd {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

.advanced-8f7f {
    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);
}

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

.picture-short-9f88 strong {
    color: var(--accent-color);
}

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.component-plasma-6b46 { 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; }
.block_2f4d, .tag-action-175f { max-width:100%; height:auto; }

.gas-ae48, .thumbnail_iron_a96f, .alert_stone_9210 { white-space:normal; }

.primary_5426,
.focus-under-77c2,
.icon_basic_3e19,
.main_under_b567,
.fresh_54aa,
.badge-491f {
  flex-wrap:wrap;
}

[class*="grid"],
.shadow-wood-f89a,
.glass_24cb,
.search-glass-416f {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.panel-action-fcb6 img,
.focus-under-77c2 img,
.plasma_66ea img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.form-931f, .heading_0b77,
.title_f38f, .outline-steel-8282 {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.article_current_03be { width:100%; overflow-x:auto; }
.article_current_03be table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.solid-771d {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .solid-771d {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.wood_9312 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.tag-6f7f,
.lower-cb6d,
.wrapper_d8bf,
.focus-9bcb,
.paper-a612,
.shadow-wood-f89a,
.glass_24cb,
.search-glass-416f,
.small-6127,
.picture-dde7,
.solid-771d {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .tag-6f7f,
  .lower-cb6d,
  .wrapper_d8bf,
  .focus-9bcb,
  .paper-a612,
  .shadow-wood-f89a,
  .glass_24cb,
  .search-glass-416f,
  .small-6127,
  .picture-dde7,
  .solid-771d {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.media-0360,
.yellow-348a,
.over-494a,
.pressed_560b,
.popup_glass_eebb,
.header_f602,
.narrow_5a4b,
.wood_9312 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.west_23f5,
.notification-lower-5a8c,
.block-blue-1b2f {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.west_23f5 > *,
.notification-lower-5a8c > *,
.block-blue-1b2f > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: 6cbc */
.phantom-card-b6 {
  padding: 0.3rem;
  font-size: 11px;
  line-height: 1.1;
}