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

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

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

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

@media (min-width: 1024px) {
    .tertiary_819f {
        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 */
.hard-c758 {
    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);
}

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .input_8479 {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .table-b963 {
        grid-column: 1;
    }
    
    .up_c2a8 {
        grid-column: 2;
    }
    
    .bright-8636 {
        grid-column: 3;
    }
}

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

.table-b963:hover img {
    transform: scale(1.05);
}

/* Navigation */
.steel-8ba8 {
    display: none;
}

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

/* Grouped Navigation */
.grid-left-82be {
    display: flex;
    gap: 1.5rem;
    align-items: center;
}

.huge_a943 {
    position: relative;
}

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

.huge_a943 .item-b401 {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

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

.brown-74d9 {
    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;
}

.brown-74d9:hover,
.brown-74d9.fn-active-0ede {
    color: var(--accent-light);
    background: var(--tertiary-bg);
    box-shadow: var(--shadow-glow);
}

/* Header Actions */
.title-5819 {
    display: none;
    gap: 0.75rem;
}

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

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

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


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

.south-5caa::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 */
.bright-8636 {
    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) {
    .bright-8636 {
        display: none;
    }
}

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

.bright-8636.fn-active-0ede span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.bright-8636.fn-active-0ede span:nth-child(2) {
    opacity: 0;
}

.bright-8636.fn-active-0ede span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

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

.pattern_44ff.fn-active-0ede {
    display: block;
    max-height: 500px;
}

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

.preview-narrow-eebd {
    background: var(--secondary-bg);
    color: var(--accent-color);
    border: 1px solid var(--accent-color);
}

.preview-narrow-eebd:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

.overlay-44a0 {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

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

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

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

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

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

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

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

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

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

.modal-inner-f693 {
    margin-bottom: 2rem;
}

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

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

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

.hidden-062c {
    font-size: 1.5rem;
}

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

.cool-832e {
    display: flex;
    justify-content: center;
    align-items: center;
}

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

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

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

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

.hover_2aef {
    margin-bottom: 1rem;
}

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

.surface-wide-2952 {
    display: grid;
    gap: 3rem;
    align-items: center;
}

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

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

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

.hero-up-5376 {
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

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

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

/* Payment Methods */
.hot-068f {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.fixed-866f {
    list-style: none;
}

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

.fixed-866f li:last-child {
    border-bottom: none;
}

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

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

.old-1c9b {
    font-size: 2rem;
    flex-shrink: 0;
}

.detail-tiny-d4cb {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.active-hovered-81fa {
    color: var(--text-gray);
    line-height: 1.6;
}

/* Bonus Highlight */
.glass-3c40 {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

.backdrop_north_d973 {
    font-size: 1.5rem;
}

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

.notification_upper_ab21 {
    list-style: none;
}

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

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

/* Security Features */
.title-7fe1 {
    margin: 2rem 0;
}

.box-top-4ab1 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

.caption_west_f881 {
    font-size: 1.25rem;
}

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

/* Statistics */
.disabled-silver-c3ab,
.tooltip_complex_e71c {
    text-align: center;
    margin: 2rem 0;
}

.lower-1a50,
.left-f4f6 {
    font-size: 1.125rem;
    color: var(--accent-color);
    font-weight: 600;
}

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

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

.description-first-ba68::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;
}

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

.hover-hard-6c06 {
    margin-bottom: 1rem;
}

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

.content_fixed_ac05 {
    margin-bottom: 3rem;
}

.content-4f8d {
    margin-top: 3rem;
}

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

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

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

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

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

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

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

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

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

.row-9e62 {
    margin-bottom: 1rem;
}

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

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

.block-inner-14b7 {
    color: var(--accent-color);
    font-size: 1.125rem;
    margin-bottom: 1rem;
}

.table-complex-71d7 {
    list-style: none;
}

.table-complex-71d7 li {
    margin-bottom: 0.5rem;
}

.table-complex-71d7 a {
    color: var(--text-gray);
    text-decoration: none;
    transition: var(--transition-fast);
}

.table-complex-71d7 a:hover {
    color: var(--accent-color);
}

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

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

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

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

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

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

.element_f1d8 {
    text-align: center;
}

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

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

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

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

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

.modal-simple-84f2 {
    animation: fadeInUp 0.6s ease-out;
}

.red_9d9d {
    animation: pulse 2s infinite;
}

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

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

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

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

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

.background-6875 .old-1c9b {
    font-size: 1.25rem;
}

.background-6875 .new-333b {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

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

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

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

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

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

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

.footer-orange-49f9 {
    color: var(--text-gray);
    line-height: 1.6;
}

.pink-704e {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.menu-yellow-2e1e .detail-tiny-d4cb {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.menu-yellow-2e1e .active-hovered-81fa {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.stale-e5c0 .caption_west_f881 {
    font-size: 1.25rem;
}

.stale-e5c0 .notification-82f8 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--success-color);
}

.main-7bac {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.form_ddd4 .old-1c9b {
    font-size: 2rem;
    flex-shrink: 0;
}

.form_ddd4 .detail-tiny-d4cb {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.form_ddd4 .active-hovered-81fa {
    color: var(--text-gray);
    line-height: 1.6;
}

.first-d2c0 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.wood_f4f9 .grid-basic-ad99 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.wood_f4f9 .breadcrumb-plasma-dc1d {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

.chip-blue-7d58 {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

.gallery-plasma-e283 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

.card-ce98 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.highlight-fresh-78ba .notification-2afc {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.highlight-fresh-78ba .list_4233 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

.bottom-fa5b .old-1c9b {
    font-size: 2rem;
    flex-shrink: 0;
}

.bottom-fa5b .detail-tiny-d4cb {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.bottom-fa5b .active-hovered-81fa {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.hot-5965 {
    padding: 1rem;
    background: rgba(6, 182, 212, 0.1);
    color: var(--info-color);
    border-radius: var(--radius-md);
    border: 1px solid rgba(6, 182, 212, 0.2);
    text-align: center;
    font-weight: 600;
    transition: var(--transition-normal);
}

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

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

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

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

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

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

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

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

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

.black-6c00 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.notice_ef43 {
    flex: 1;
}

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

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

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

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

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

.hovered_7985 .grid-basic-ad99 {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.hovered_7985 .breadcrumb-plasma-dc1d {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

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

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

.narrow_5c38 {
    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_c37b {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

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

.bottom-fa5b .detail-tiny-d4cb {
    color: var(--success-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.bottom-fa5b .active-hovered-81fa {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

.cold-2d00 {
    padding: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.panel-solid-4a5f {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.widget-b920 {
    text-align: center;
}

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

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

.middle-a7e5 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.accent_south_c46d .detail-tiny-d4cb {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.accent_south_c46d .active-hovered-81fa {
    color: var(--text-gray);
    line-height: 1.6;
}

.wide-0a68 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

.avatar_blue_29dc {
    padding: 1.5rem;
}

.active-hovered-81fa {
    color: var(--text-gray);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.inner-827c {
    list-style: none;
    padding: 0;
    margin: 0;
}

.inner-827c 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;
}

.inner-827c li:last-child {
    border-bottom: none;
}

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

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

.frame-pro-216e {
    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);
}

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

.rough-e58e {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.footer-orange-49f9 {
    color: var(--text-gray);
    line-height: 1.6;
}

.media-wide-690a {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.sort-east-4f3c {
    color: var(--text-gray);
    line-height: 1.6;
    margin-bottom: 1rem;
}

.layout-f92f {
    display: flex;
    gap: 1rem;
}

.layout-f92f .middle-2e51 {
    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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.over-394c {
    font-size: 1rem;
}

.tooltip-dynamic-fa7d {
    padding: 1.5rem;
}

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

.element-tall-2cc4 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.element-tall-2cc4 .widget-b920 {
    text-align: center;
}

.element-tall-2cc4 .hidden_iron_b39e {
    color: var(--text-muted);
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.25rem;
}

.element-tall-2cc4 .west-30aa {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

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

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

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

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

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

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

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

.feature_8f69 {
    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_2664 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

.shade-narrow-1817 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.menu_smooth_f050.breadcrumb-silver-bf31 {
    background: linear-gradient(135deg, #cd7f32, #a0522d);
    color: white;
}

.menu_smooth_f050.form-8da0 {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

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

.menu_smooth_f050.message-left-70b8 {
    background: linear-gradient(135deg, #e5e4e2, #b8b8b8);
    color: #0f172a;
}

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

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

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

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

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

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

.first-d2c0 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;
}

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

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

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

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

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

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

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

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

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

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

.row_clean_9033.smooth_dcc9 .progress_white_1ad9 {
    background: rgba(6, 182, 212, 0.1);
}

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

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

.row_clean_9033.smooth_dcc9 .disabled-626f {
    color: var(--info-color);
}

.badge-7cb3 {
    padding: 1.5rem;
    text-align: center;
}

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

.row_clean_9033.smooth_dcc9 .south_483c {
    color: var(--info-color);
}

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

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

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

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

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

.bronze-2148 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.black_280d {
    flex: 1;
}

.box-top-4ab1 {
    color: var(--success-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

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

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

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

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

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

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

.mask_under_dda6 .widget-b920 {
    text-align: center;
}

.mask_under_dda6 .container-center-0a9c {
    font-size: 2rem;
    font-weight: 900;
    color: var(--info-color);
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-down-98d5 {
    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);
}

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

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

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

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

.tertiary_outer_5d5a.first-4658 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
}

.tertiary_outer_5d5a.backdrop-8da1 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--info-color);
}

.module-8d1e {
    padding: 1.5rem;
    text-align: center;
}

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

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

.icon_7163 .complex-391a {
    color: var(--text-gray);
    font-size: 0.875rem;
    text-align: left;
}

.badge-outer-7fb4 {
    display: block;
    width: 100%;
    background: var(--primary-gradient);
    color: var(--primary-bg);
    text-decoration: none;
    text-align: center;
    padding: 0.75rem 1rem;
    border-radius: var(--radius-md);
    font-weight: 600;
    transition: var(--transition-normal);
    border: 1px solid var(--accent-color);
}

.badge-outer-7fb4:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-glow);
}

.aside-basic-6798 {
  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);
}

.sidebar_steel_30a2 {
    text-align: center;
}

.sidebar_steel_30a2 .container-center-0a9c {
    font-size: 2rem;
    font-weight: 900;
    color: var(--success-color);
    margin-bottom: 0.5rem;
}

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

/* Utility Classes */
.card-76e6 { text-align: center; }
.dirty_647f { text-align: left; }
.text_plasma_d07b { text-align: right; }

.container-south-deaa { margin-bottom: 0; }
.advanced-19e8 { margin-bottom: 0.5rem; }
.upper_4912 { margin-bottom: 1rem; }
.background-ad90 { margin-bottom: 1.5rem; }
.motion_8906 { margin-bottom: 2rem; }

.overlay_lower_e579 { margin-top: 0; }
.sort-3303 { margin-top: 0.5rem; }
.element-new-576a { margin-top: 1rem; }
.backdrop-gold-341f { margin-top: 1.5rem; }
.accent-tall-58fd { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .overlay_warm_faa7 {
        padding: 6rem 0 3rem;
    }
    
    .slow_0151 {
        text-align: center;
    }
    
    .surface-wide-2952 {
        text-align: center;
    }
    
    .wrapper_f229 {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .hard-c758,
    .pattern_44ff,
    .description-first-ba68,
    .avatar-under-d309 {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .overlay_warm_faa7 {
        background: none;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.iron-2429 {
    display: flex;
    flex-direction: column;
}

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

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

.search-d95c {
    color: var(--accent-color);
}

.search_51e9 {
    font-size: 1.25rem;
}

.down-0751 {
    margin-bottom: 1rem;
}

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

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

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

.widget-b920 {
    text-align: center;
}

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

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

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

.tertiary_simple_c1eb {
    margin: 2rem 0;
}

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

.primary-4de0 .old-1c9b {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.tabs-red-6516 {
    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;
}

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

.label_wide_8e9a {
    font-size: 2rem;
}

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

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

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

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

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

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

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

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

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

.summary_fresh_ed01 .container-center-0a9c {
    font-size: 3rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    display: block;
}

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

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

.input-stale-0760 {
    margin-top: 4rem;
}

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

.in_20cc {
    overflow-x: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.section_complex_1b8c.fn-active-0ede .white-5ac4 {
    transform: rotate(45deg);
}

.icon-blue-9de8 {
    max-height: 0;
    overflow: hidden;
    transition: max-height var(--transition-normal);
}

.section_complex_1b8c.fn-active-0ede .icon-blue-9de8 {
    max-height: 1000px;
}

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

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

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

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

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

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

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

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

.down_785e {
    font-size: 2rem;
}

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

.gallery-49ff {
    list-style: none;
    padding: 0;
}

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

.gallery-49ff li:last-child {
    border-bottom: none;
}

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

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

.basic_a7d1 {
    margin-top: 3rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.hero-thick-006a {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.in_820e, .card-edc0, .grid_2c19 {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

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

.menu_solid_1fb4 {
    margin: 2rem 0;
}

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

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

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

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

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

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

.label-5c3f {
    text-align: center;
    margin-top: 2rem;
}

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

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

.background_936b {
    margin: 2rem 0;
}

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

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

.nav-lower-1b17 {
    color: var(--text-muted);
    font-size: 0.875rem;
    white-space: nowrap;
}

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

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

.background-6b99 {
    flex: 1;
}

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

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

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

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

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

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

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

.thumbnail-outer-1516 .container-center-0a9c {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.thumbnail-outer-1516 .hidden_iron_b39e {
    color: var(--text-gray);
    font-size: 1rem;
}

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

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

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

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

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

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

.copper-555d {
    margin-bottom: 1.5rem;
}

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

.copper-555d input,
.copper-555d 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;
}

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

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

.sidebar-6604 {
    display: flex;
    align-items: center;
}

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

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

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

.table-up-15a4 {
    color: var(--text-gray);
}

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

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

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

.module-fresh-e184 {
    margin-top: 3rem;
}

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

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

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

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

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

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

.fast-d39d {
    margin: 2rem 0;
}

.main-solid-ad94 {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

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

.message_dim_da2f:hover, .message_dim_da2f.fn-active-0ede {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.grid-923c {
    display: none;
}

.grid-923c.fn-active-0ede {
    display: block;
}

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

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

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

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

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

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

.summary-4b21 {
    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 */
.plasma-3b22 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

.green-639c {
    color: var(--accent-color);
    margin: 0;
}

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

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

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

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

.modal-inner-8b41.picture-iron-883c {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.modal-inner-8b41.sort_6ef5 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

.modal-inner-8b41.info-55e5 {
    background: rgba(239, 68, 68, 0.2);
    color: var(--danger-color);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.info_black_079b {
    margin-top: 2rem;
}

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

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

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

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

.content-narrow-2cff {
    color: var(--text-gray);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

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

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

/* Responsible Gaming Section */
.progress_smooth_0799 {
    padding: var(--section-padding);
}

.texture_61ab {
    margin: 2rem 0;
}

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

.gallery-left-e607 {
    color: var(--warning-color);
    margin-bottom: 1rem;
}

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

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

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

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

.bronze-2f1a {
    margin: 2rem 0;
}

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

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

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

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

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

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

.badge-90c4 {
    margin-top: 2rem;
}

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

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

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

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

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

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

.component_f203 {
    margin: 2rem 0;
}

.summary-full-df07 {
    margin-bottom: 3rem;
}

.summary-full-df07 .out-fe91 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

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

.panel-glass-8f53 {
    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);
}

.panel-glass-8f53:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

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

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

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

.nav_1856 {
    margin: 2rem 0;
}

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

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

.description-orange-e678 {
    background: rgba(6, 182, 212, 0.1) !important;
}

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

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

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

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

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

.bronze-70b6 .old-1c9b {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

.bronze-70b6 .detail-tiny-d4cb {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

.link-6f00 {
    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;
}

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

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

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

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

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

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

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

.title-70f8 .middle-2e51 {
    color: var(--text-gray);
    font-size: 0.875rem;
}

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

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

.surface-fluid-fca3 {
    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);
}

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

.surface-fluid-fca3 .container-center-0a9c {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.surface-fluid-fca3 .hidden_iron_b39e {
    color: var(--text-gray);
    font-size: 1rem;
}

.article-547d {
    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);
}

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

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

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

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

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

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

.top-a61f {
    flex: 1;
}

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

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

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

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

.bottom-fa5b .detail-tiny-d4cb {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

.bottom-fa5b .active-hovered-81fa {
    color: var(--text-gray);
    margin: 0;
}

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

.media_selected_92bb .lower-1a50 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

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

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

.notice_ef43 {
    flex: 1;
}

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

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

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

.glass-955c {
    flex: 1;
}

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

.footer-orange-49f9 {
    color: var(--text-gray);
    margin: 0;
}

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

.sort-east-4f3c {
    color: var(--text-gray);
    margin-bottom: 1rem;
}

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

.layout-f92f .middle-2e51 {
    padding: 0.5rem 1rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-md);
    color: var(--text-gray);
    font-size: 0.875rem;
}

.narrow_c360 {
    margin-top: 2rem;
}

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

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

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

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

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

.middle-a7e5 {
    margin: 2rem 0;
}

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

.avatar_blue_29dc {
    margin-top: 1rem;
}

.inner-827c {
    list-style: none;
    padding: 0;
    margin-top: 1rem;
}

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

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

/* RTP Info Section */
.hero-bottom-24a2 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.iron-83d8 {
    margin: 2rem 0;
}

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

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

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

.content-hard-de95 {
    margin: 2rem 0;
}

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

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

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

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

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

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

.row-cold-0c9d {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1.125rem;
}

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

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

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

.pagination-up-1c5e {
    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;
}

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

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

.in-b313 .paragraph-0aec {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.thick-e1a5 {
    flex: 1;
}

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

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

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

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

.hidden-top-87b2 {
    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);
}

.hidden-top-87b2 p {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.hidden-top-87b2 strong {
    color: var(--warning-color);
}

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

.card-ce98 {
    margin: 2rem 0;
}

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

.component_cold_f1cc {
    margin: 2rem 0;
}

.highlight-fresh-78ba {
    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);
}

.highlight-fresh-78ba:hover {
    transform: translateX(4px);
    border-color: var(--accent-color);
}

.highlight-fresh-78ba .notification-2afc {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.highlight-fresh-78ba .list_4233 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

.slider_fresh_3e87 .lower-1a50 {
    color: var(--text-gray);
    margin: 0;
    text-align: center;
    font-size: 1.125rem;
}

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

.out-0ea5 {
    margin: 2rem 0;
}

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

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

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

.pagination-soft-53a8 {
    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);
}

.pagination-soft-53a8:hover {
    background: var(--accent-color);
    border-color: var(--accent-color);
    transform: translateY(-2px);
}

.pagination-soft-53a8.fn-active-0ede {
    background: var(--accent-color);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

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

.background-north-5e8e {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.background-north-5e8e strong {
    color: var(--accent-color);
}

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

.search-tiny-7f93 {
    margin: 2rem 0;
}

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

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

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

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

.motion-9332 {
    flex: 1;
}

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

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

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

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

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

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

.accent-dynamic-7d05 {
    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;
}

.accent-dynamic-7d05:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-glow);
}

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

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

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

/* New Games Section */
.surface-dynamic-59c2 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.hard-0ab5 {
    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;
}

.menu-fast-55f4 {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-top: 1rem;
}

.dirty-40b0 {
    font-size: 2rem;
}

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

.avatar-00ee {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

.shadow-plasma-18a2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
    .shadow-plasma-18a2 {
        grid-template-columns: repeat(3, 1fr);
    }
}

.image-61a6 {
    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);
}

.highlight-1cd4 {
    color: var(--text-white);
    font-weight: 600;
}

.over_dc57 {
    color: var(--accent-color);
    font-weight: 600;
}

.overlay-medium-fc4e {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
    text-align: center;
}

.overlay-medium-fc4e strong {
    color: var(--accent-color);
}

/* Security Section */
.input-5dd2 {
    padding: var(--section-padding);
}

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

/* Help Section */
.gas-a83c {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.cool-9a41 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.smooth-622f {
    margin: 3rem 0;
    display: grid;
    gap: 2rem;
}

.content-gold-14bc {
    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) {
    .content-gold-14bc {
        flex-direction: column;
        gap: 1rem;
    }
}

.content-gold-14bc:hover {
    transform: translateX(4px);
    border-color: var(--accent-color);
}

.content-gold-14bc .search_645e {
    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;
}

.content-gold-14bc .glass-955c {
    flex: 1;
}

.content-gold-14bc .west_8c32 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

.content-gold-14bc .footer-orange-49f9 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

.sidebar-5d6b .box-top-4ab1 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.sidebar-5d6b .main-7bac {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-5d6b .main-7bac li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
}

.sidebar-5d6b .main-7bac li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--success-color);
    font-weight: bold;
}

.full-956e {
    text-align: center;
    margin-top: 2rem;
}

/* Quick Registration Section */
.easy_9880 {
    padding: var(--section-padding);
}

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

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

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

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

.accent_static_d73d .orange-1538 {
    font-size: 2rem;
    flex-shrink: 0;
}

.accent_static_d73d .caption_7824 {
    flex: 1;
}

.accent_static_d73d .grid-basic-ad99 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

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

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

.overlay-e736 .list-2931 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.overlay-e736 .grid-0be2 {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

.overlay-e736 .grid-0be2 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);
}

.overlay-e736 .grid-0be2 li:last-child {
    border-bottom: none;
}

.overlay-e736 .grid-0be2 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;
}

.overlay-e736 .grid-0be2 li strong {
    color: var(--text-white);
}

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

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

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

/* Security Tips Section */
.badge-637a {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.message_advanced_6629 {
    font-size: 2rem;
}

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

.bronze_f5ae {
    flex: 1;
}

.next-3cf1 {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

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

.paper_0ac1 {
    margin-top: 3rem;
}

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

.gallery-left-e607 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

.card_11c1 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

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

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

/* Tech Stack Section */
.liquid_bd11 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.border-pro-b830 {
    margin: 2rem 0;
}

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

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

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

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

.table-3a6a {
    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);
}

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

.east-b816 {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.alert-lower-78e5 {
    color: var(--text-muted);
    font-size: 0.875rem;
}

/* Performance Section */
.tabs_hard_c5f3 {
    padding: var(--section-padding);
}

.component-9ac7 {
    margin: 2rem 0;
}

.status-small-6fdf {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

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

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

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

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

.article-cdf0 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.large-e224 {
    color: var(--text-white);
    margin: 0;
    font-size: 1rem;
}

.sort_296b {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

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

.new-aad2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.item_center_ad96 {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.dim-2bec {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

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

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

.section-pressed-8289 strong {
    color: var(--accent-color);
}

/* Update Log Section */
.sort-small-7e9d {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.main-e34e {
    margin: 2rem 0;
}

.section-0b45 {
    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) {
    .section-0b45 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.section-0b45::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);
}

.bright_fbec {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.preview-674d {
    flex: 1;
}

.tooltip-6996 {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

.gold_b3fc li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

.row-yellow-aaed {
    flex: 1;
}

.summary_down_932e {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

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

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

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

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

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

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

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

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

.breadcrumb-a284 .tag_selected_9c9a {
    font-size: 2rem;
    flex-shrink: 0;
}

.breadcrumb-a284 .liquid_5870 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.breadcrumb-a284 .table_5ccb {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

.breadcrumb-a284 .gold_0549 {
    color: var(--accent-color);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Featured Promos Section */
.east_88be {
    padding: var(--section-padding);
}

.feature_8f69 .backdrop-d853 {
    flex: 1;
}

/* Promo Calendar Section */
.hard-0d42 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.notification_57f3 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.liquid_28e5 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.paragraph-focused-7306 {
    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);
}

.upper-4c3e {
    color: var(--accent-color);
    font-weight: 600;
    font-size: 0.875rem;
}

.shadow-a1b6 {
    color: var(--text-white);
    font-size: 0.9375rem;
}

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

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

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

/* Requirements Section */
.module_67e7 {
    padding: var(--section-padding);
}

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

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

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

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

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

.brown_e763 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.disabled-plasma-7294 {
    margin-top: 3rem;
}

.disabled-plasma-7294 .lower_3d9a {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.disabled-plasma-7294 .gallery-left-e607 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.disabled-plasma-7294 .card_11c1 {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.disabled-plasma-7294 .card_11c1 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.disabled-plasma-7294 .card_11c1 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.disabled-plasma-7294 .card_11c1 li strong {
    color: var(--warning-color);
}

.link-static-5df6 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.link-static-5df6 strong {
    color: var(--accent-color);
}

/* Winners Hall Section */
.mask-40d1 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.notification_hot_90f1 .out-fe91 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.focused_96b4 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

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

.pink_481a {
    flex: 1;
}

.hero-cold-0be5 {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.25rem;
    font-size: 1.125rem;
}

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

.aside_b6ea {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

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

.shade-huge-7673 {
    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);
}

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

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

.active-pink-9c67 {
    color: var(--text-gray);
    font-size: 1rem;
}

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

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

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

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.tertiary_819f { 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; }
.search-c517, .easy-20de { max-width:100%; height:auto; }

.grid_east_b3e4, .notice-cae5, .border_78ad { white-space:normal; }

.slow_0151,
.surface-wide-2952,
.small-2cd5,
.notice_lite_b4d9,
.fixed_2f54,
.first_44cd {
  flex-wrap:wrap;
}

[class*="grid"],
.notification_dc7d,
.status-small-6fdf,
.outline-b2ee {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.overlay_warm_faa7 img,
.surface-wide-2952 img,
.cool-832e img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.basic-0086, .cool-5a6e,
.hover_2aef, .media_eca7 {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.in_20cc { width:100%; overflow-x:auto; }
.in_20cc table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.next_270d {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .next_270d {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.shadow-6602 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.copper-ca4a,
.purple-5234,
.feature_fast_f984,
.column-complex-43da,
.active-ee15,
.notification_dc7d,
.status-small-6fdf,
.outline-b2ee,
.aside-basic-6798,
.search-tiny-7f93,
.next_270d {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .copper-ca4a,
  .purple-5234,
  .feature_fast_f984,
  .column-complex-43da,
  .active-ee15,
  .notification_dc7d,
  .status-small-6fdf,
  .outline-b2ee,
  .aside-basic-6798,
  .search-tiny-7f93,
  .next_270d {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.summary_fresh_ed01,
.thumbnail-outer-1516,
.shade-huge-7673,
.logo_15be,
.input_5a9d,
.sidebar_steel_30a2,
.small_c092,
.shadow-6602 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.silver_4a57,
.layout_1d0a,
.breadcrumb_f269 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.silver_4a57 > *,
.layout_1d0a > *,
.breadcrumb_f269 > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: da26 */
.ghost-box-l4 {
  padding: 0.3rem;
  font-size: 11px;
  line-height: 1.3;
}