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

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

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

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

@media (min-width: 1024px) {
    .box-black-3817 {
        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 */
.panel_hot_0d64 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: rgba(30, 27, 75, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(6, 182, 212, 0.2);
    transition: var(--transition-normal);
}

.disabled-paper-680f {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 0;
}

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .disabled-paper-680f {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .secondary_basic_609e {
        grid-column: 1;
    }
    
    .out_6c67 {
        grid-column: 2;
    }
    
    .badge-pressed-e52d {
        grid-column: 3;
    }
}

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

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

/* Navigation */
.modal-51f0 {
    display: none;
}

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

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

.message-fe67 {
    position: relative;
}

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

.message-fe67 .stale-0ed0 {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

.stale-0ed0 {
    display: flex;
    list-style: none;
    gap: 1.5rem;
}

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

.pro_922d:hover,
.pro_922d.fn-active-20e7 {
    color: var(--accent-light);
    background: var(--tertiary-bg);
    box-shadow: var(--shadow-glow);
}

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

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

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

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


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

.backdrop_clean_ed84::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 */
.badge-pressed-e52d {
    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) {
    .badge-pressed-e52d {
        display: none;
    }
}

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

.badge-pressed-e52d.fn-active-20e7 span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.badge-pressed-e52d.fn-active-20e7 span:nth-child(2) {
    opacity: 0;
}

.badge-pressed-e52d.fn-active-20e7 span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

.nav-clean-f872 {
    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;
}

.nav-clean-f872.fn-active-20e7 {
    display: block;
    max-height: 500px;
}

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

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

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

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


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

.gradient_c1f6.paper-6ea6::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 */
.white-abdc {
    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;
}

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

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

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

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

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

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

.avatar-small-c98a {
    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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.breadcrumb-1119 {
    margin-bottom: 2rem;
}

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

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

.component-next-f068 {
    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);
}

.up_f14c {
    font-size: 1.5rem;
}

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

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

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

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

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

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

.input-focused-0e3d {
    margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.tag_e617 {
    list-style: none;
}

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

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

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

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

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

.bronze-91c6 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

/* Bonus Highlight */
.rough-1577 {
    margin: 2rem 0;
}

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

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

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

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

/* VIP Tiers */
.popup-22f3 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

.frame_outer_e9d0 {
    font-size: 1.5rem;
}

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

.secondary_out_f5f5 {
    list-style: none;
}

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

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

/* Security Features */
.content-3ceb {
    margin: 2rem 0;
}

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

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

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

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

.large_1414 {
    font-size: 1.25rem;
}

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

/* Statistics */
.large-2e7d,
.surface-8950 {
    text-align: center;
    margin: 2rem 0;
}

.warm-57b4,
.heading_e03e {
    font-size: 1.125rem;
    color: var(--accent-color);
    font-weight: 600;
}

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

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

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

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

.primary_b9fa {
    margin-bottom: 1rem;
}

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

.left-399d {
    margin-bottom: 3rem;
}

.chip_next_2979 {
    margin-top: 3rem;
}

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

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

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

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

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

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

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

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

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

.notice-aae3 {
    margin-bottom: 1rem;
}

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

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

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

.slider-pink-39ee {
    list-style: none;
}

.slider-pink-39ee li {
    margin-bottom: 0.5rem;
}

.slider-pink-39ee a {
    color: var(--text-gray);
    text-decoration: none;
    transition: var(--transition-fast);
}

.slider-pink-39ee a:hover {
    color: var(--accent-color);
}

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

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

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

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

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

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

.text-lower-64ad {
    text-align: center;
}

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

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

.column-849b {
    font-size: 0.75rem !important;
}

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

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

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

.banner-00cc {
    animation: pulse 2s infinite;
}

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

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

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

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

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

.pattern-a847 .tooltip_b866 {
    font-size: 1.25rem;
}

.pattern-a847 .active-9ce9 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

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

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

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

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

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

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

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

.slider-purple-1e63 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.summary-6f93 .bronze-91c6 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.summary-6f93 .focused_afb0 {
    color: var(--text-gray);
    line-height: 1.6;
}

.current-696c {
    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);
}

.pro-6d74 {
    display: flex;
    justify-content: center;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.description_f083 .large_1414 {
    font-size: 1.25rem;
}

.description_f083 .dropdown-483c {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--success-color);
}

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

.table-pressed-67ae {
    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);
}

.table-pressed-67ae .tooltip_b866 {
    font-size: 2rem;
    flex-shrink: 0;
}

.table-pressed-67ae .bronze-91c6 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.table-pressed-67ae .focused_afb0 {
    color: var(--text-gray);
    line-height: 1.6;
}

.dynamic-2a78 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.mini_ee79 .avatar-stone-757b {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.mini_ee79 .form-f495 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

.filter-steel-2570 {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.grid_48df .caption-solid-c2f5 {
    color: var(--text-gray);
    line-height: 1.6;
}

.icon-south-8eb2 {
    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);
}

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

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

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

.nav_bf1a .bronze-91c6 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

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

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

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

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

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

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

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

.secondary-last-1640 {
    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);
}

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

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

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

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

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

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

.box-79b1 {
    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);
}

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

.block-out-567c {
    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);
}

.summary-first-e6d7 {
    flex: 1;
}

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

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

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

.breadcrumb-11b0 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.thick-0f81 .avatar-stone-757b {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.thick-0f81 .form-f495 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

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

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

.info-copper-a242 {
    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);
}

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

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

.notice-motion-2f57 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.nav_bf1a .bronze-91c6 {
    color: var(--success-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

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

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

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

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

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

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

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

.detail-63d4 {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

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

.layout-small-8a48 {
    padding: 1.5rem;
}

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

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

.badge-0d1c 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;
}

.badge-0d1c li:last-child {
    border-bottom: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prev_db20 {
    text-align: center;
}

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

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

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

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

.secondary_east_da47 .bronze-91c6 {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

.carousel-warm-66b5 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

.fresh_8b73 {
    padding: 1.5rem;
}

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

.surface-slow-75fb {
    list-style: none;
    padding: 0;
    margin: 0;
}

.surface-slow-75fb 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;
}

.surface-slow-75fb li:last-child {
    border-bottom: none;
}

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

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

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

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

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

.column-simple-62ee {
    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);
}

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

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

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

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

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

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

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

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

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

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

.list-dirty-7bd0 {
    color: var(--success-color);
    margin-bottom: 1rem;
    font-size: 1.125rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.mask_advanced_6622 {
    font-size: 1rem;
}

.heading-right-34bc {
    padding: 1.5rem;
}

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

.texture-selected-6d2e {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.texture-selected-6d2e .prev_db20 {
    text-align: center;
}

.texture-selected-6d2e .layout_large_f41d {
    color: var(--text-muted);
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.25rem;
}

.texture-selected-6d2e .thumbnail-bronze-bd4a {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

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

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

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

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

.layout-5b30 {
    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);
}

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

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

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

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

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

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

.gradient-medium-6d8a {
    color: var(--success-color);
    font-weight: 600;
    font-size: 0.875rem;
}

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

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

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

.fluid-3f5f.sidebar_14f8 {
    background: linear-gradient(135deg, #cd7f32, #a0522d);
    color: white;
}

.fluid-3f5f.alert-9685 {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

.fluid-3f5f.dark-179c {
    background: linear-gradient(135deg, #ffd700, #ffb347);
    color: #0f172a;
}

.fluid-3f5f.breadcrumb-edab {
    background: linear-gradient(135deg, #e5e4e2, #b8b8b8);
    color: #0f172a;
}

.fluid-3f5f.hot_d150 {
    background: linear-gradient(135deg, #b9f2ff, #00bfff);
    color: #0f172a;
}

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

.surface-center-8720 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.dynamic-2a78 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dynamic-2a78 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;
}

.dynamic-2a78 li:last-child {
    border-bottom: none;
}

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

.alert-red-f68b {
    display: grid;
    gap: 1.5rem;
    margin: 3rem 0;
}

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

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

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

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

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

@media (min-width: 1024px) {
    .mask-1328.sidebar_tiny_cc55 {
        grid-column: span 3;
    }
}

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

.mask-1328.sidebar_tiny_cc55 .status_fixed_8635 {
    background: rgba(6, 182, 212, 0.1);
}

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

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

.mask-1328.sidebar_tiny_cc55 .primary_7742 {
    color: var(--info-color);
}

.filter-2fbe {
    padding: 1.5rem;
    text-align: center;
}

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

.mask-1328.sidebar_tiny_cc55 .message_126d {
    color: var(--info-color);
}

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

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

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

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

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

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

.table-pressed-67ae {
    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);
}

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

.box_silver_77f4 {
    flex: 1;
}

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

.picture-black-38c4 {
    color: var(--text-gray);
    line-height: 1.6;
}

.component-283b {
    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);
}

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

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

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

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

.heading-cd90 .prev_db20 {
    text-align: center;
}

.heading-cd90 .content-58b6 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--info-color);
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

.right-9bd3 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

.outline-tall-4baa {
    color: var(--accent-color);
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
}

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

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

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

.filter_solid_77a2.wide-d549 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--info-color);
}

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

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

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

.west-8b5b .banner_9a64 {
    color: var(--text-gray);
    font-size: 0.875rem;
    text-align: left;
}

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

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

.copper-79fd {
  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);
}

.wide_c92a {
    text-align: center;
}

.wide_c92a .content-58b6 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--success-color);
    margin-bottom: 0.5rem;
}

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

/* Utility Classes */
.detail_3003 { text-align: center; }
.bottom_6ad4 { text-align: left; }
.smooth_7e1e { text-align: right; }

.full_c35b { margin-bottom: 0; }
.bright_28bc { margin-bottom: 0.5rem; }
.secondary-brown-faeb { margin-bottom: 1rem; }
.info-prev-aa48 { margin-bottom: 1.5rem; }
.main_75de { margin-bottom: 2rem; }

.wrapper-narrow-7bf3 { margin-top: 0; }
.article_ca21 { margin-top: 0.5rem; }
.chip-57a0 { margin-top: 1rem; }
.article-d3b0 { margin-top: 1.5rem; }
.label_static_f651 { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .breadcrumb_stone_9c1b {
        padding: 6rem 0 3rem;
    }
    
    .feature-cfbe {
        text-align: center;
    }
    
    .title_1684 {
        text-align: center;
    }
    
    .black-41fd {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .panel_hot_0d64,
    .nav-clean-f872,
    .box_dynamic_8db3,
    .tooltip-4d1e {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .breadcrumb_stone_9c1b {
        background: none;
    }
}

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

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

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

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

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

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

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

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

.header-full-1ddd {
    list-style: none;
    padding: 0;
}

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

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

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

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

/* Reviews Section */
.brown-533b {
    padding: var(--section-padding);
}

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

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

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

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

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

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

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

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

.pattern-da09 {
    color: var(--accent-color);
}

.alert_gas_b8fa {
    font-size: 1.25rem;
}

.row-glass-19b1 {
    margin-bottom: 1rem;
}

.row-glass-19b1 p {
    color: var(--text-gray);
    line-height: 1.6;
    margin: 0;
}

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

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

.prev_db20 {
    text-align: center;
}

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

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

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

.paper_b898 {
    margin: 2rem 0;
}

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

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

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

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

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

.green_4f11 {
    font-size: 2rem;
}

.description-d091 {
    display: flex;
    flex-direction: column;
}

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

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

/* Statistics Section */
.action-472e {
    padding: var(--section-padding);
}

.picture-fixed-03f6 {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;
    margin: 2rem 0;
}

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

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

.button-222f {
    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);
}

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

.button-222f .content-58b6 {
    font-size: 3rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    display: block;
}

.button-222f .layout_large_f41d {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.75rem;
    display: block;
}

.button-222f .solid_7f51 {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin: 0;
}

.frame-fast-dc28 {
    margin-top: 4rem;
}

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

.picture-bea2 {
    overflow-x: auto;
}

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

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

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

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

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

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

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

.motion-ea6f {
    max-width: 900px;
    margin: 0 auto;
}

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

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

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

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

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

.border_f5e0.fn-active-20e7 .gallery-574a {
    transform: rotate(45deg);
}

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

.border_f5e0.fn-active-20e7 .backdrop_2dd3 {
    max-height: 1000px;
}

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

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

.pro-6d74 {
    margin: 2rem 0;
    text-align: center;
}

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

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

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

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

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

.image_soft_8d94 {
    font-size: 2rem;
}

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

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

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

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

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

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

.overlay-de5c {
    margin-top: 3rem;
}

.list-dirty-7bd0 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

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

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

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

.dropdown-hard-0f45 {
    font-size: 1.5rem;
    flex-shrink: 0;
}

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

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

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

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

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

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

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

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

.description_330c {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.rough_a661, .last_a6b1, .over-f4bf {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

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

.dirty_0419 {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

.copper-9164 {
    margin: 2rem 0;
}

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

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

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

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

.description-2fc5 {
    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;
}

.filter_mini_ad75 {
    flex: 1;
}

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

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

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

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

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

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

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

.detail-2688 .content-58b6 {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

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

.dropdown-bright-4d1b {
    color: var(--text-gray);
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
}

.dropdown-bright-4d1b strong {
    color: var(--accent-color);
}

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

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

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

.green-40ae {
    margin-bottom: 1.5rem;
}

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

.green-40ae input,
.green-40ae 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;
}

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

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

.paper-831b {
    display: flex;
    align-items: center;
}

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

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

.wrapper-9f1b {
    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;
}

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

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

.bronze-9e47 {
    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);
}

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

.slow_d41c {
    margin-top: 3rem;
}

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

/* Live Stats Section */
.input-hard-987b {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

.description_f115 {
    margin: 2rem 0;
}

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

.avatar_narrow_8ff7 {
    padding: 1rem 1.5rem;
    background: var(--secondary-bg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    border-radius: var(--radius-md);
    color: var(--text-gray);
    cursor: pointer;
    transition: var(--transition-normal);
    font-weight: 600;
}

.avatar_narrow_8ff7:hover, .avatar_narrow_8ff7.fn-active-20e7 {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.thumbnail_a45f {
    display: none;
}

.thumbnail_a45f.fn-active-20e7 {
    display: block;
}

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

.filter-09ab {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

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

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

.orange-2a95 {
    display: flex;
    gap: 1.5rem;
}

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

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

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

.blue-f7f4.orange_f3de {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.blue-f7f4.form-outer-a43c {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

.blue-f7f4.hero-fresh-dc73 {
    background: rgba(239, 68, 68, 0.2);
    color: var(--danger-color);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.content_mini_910d {
    margin-top: 2rem;
}

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

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

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

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

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

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

.dynamic_d1f4 {
    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 */
.tooltip-5ea3 {
    padding: var(--section-padding);
}

.surface_focused_d322 {
    margin: 2rem 0;
}

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

.preview-clean-3760 {
    color: var(--warning-color);
    margin-bottom: 1rem;
}

.icon-middle-c87a {
    list-style: none;
    padding: 0;
}

.icon-middle-c87a 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;
}

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

.icon-middle-c87a li:last-child {
    border-bottom: none;
}

.widget_54c4 {
    margin: 2rem 0;
}

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

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

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

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

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

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

.highlight_red_a1f8 {
    margin-top: 2rem;
}

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

.large-8dc0 {
    list-style: none;
    padding: 0;
}

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

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

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

.gold-2eca {
    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 */
.simple-cbbe {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.advanced-2c9b {
    margin: 2rem 0;
}

.hidden-copper-1a6a {
    margin-bottom: 3rem;
}

.hidden-copper-1a6a .fast-f9ea {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

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

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

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

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

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

.surface-03d0 {
    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 */
.highlight-wood-095b {
    padding: var(--section-padding);
}

.card-down-63e7 {
    margin: 2rem 0;
}

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

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

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

.hero-bright-aec9 {
    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;
}

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

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

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

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

.overlay_3ef6 .tooltip_b866 {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

.overlay_3ef6 .bronze-91c6 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

.summary-59c7 {
    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;
}

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

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

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

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

.in-3b1b {
    color: var(--text-white);
    font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

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

.carousel-0d9f strong {
    color: var(--accent-color);
}

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

.info-copper-a242 {
    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);
}

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

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

.smooth-ec1a {
    flex: 1;
}

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

.notice-motion-2f57 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

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

.nav_bf1a .bronze-91c6 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

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

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

.top_4f03 .warm-57b4 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

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

/* Bonus Tier Styles */
.block-out-567c {
    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;
}

.summary-first-e6d7 {
    flex: 1;
}

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

.alert-orange-2c8a {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

.image_83d9 {
    flex: 1;
}

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

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

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

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

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

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

.dynamic_c769 {
    margin-top: 2rem;
}

.dynamic_c769 .list-dirty-7bd0 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

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

.action_e4ce {
    margin: 2rem 0;
}

.secondary_east_da47 {
    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 */
.article-tall-9f61 {
    padding: var(--section-padding);
}

.fresh_8b73 {
    margin-top: 1rem;
}

.surface-slow-75fb {
    list-style: none;
    padding: 0;
    margin-top: 1rem;
}

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

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

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

.tooltip-hot-82eb {
    margin: 2rem 0;
}

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

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

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

.form_b42a {
    margin: 2rem 0;
}

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

.bright-8b2c .fast-f9ea {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

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

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

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

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

.old-8e35 {
    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);
}

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

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

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

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

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

.gradient_fc50 .dropdown-hard-0f45 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.notice-d9c9 {
    flex: 1;
}

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

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

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

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

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

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

.over-0ce5 strong {
    color: var(--warning-color);
}

/* Slots Section */
.popup-silver-566a {
    padding: var(--section-padding);
}

.yellow_8239 {
    margin: 2rem 0;
}

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

.pagination_current_e576 {
    margin: 2rem 0;
}

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

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

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

.grid_48df .caption-solid-c2f5 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

.icon-south-8eb2 {
    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);
}

.icon-south-8eb2 .warm-57b4 {
    color: var(--text-gray);
    margin: 0;
    text-align: center;
    font-size: 1.125rem;
}

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

.simple-5547 {
    margin: 2rem 0;
}

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

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

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

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

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

.thumbnail_d341.fn-active-20e7 {
    background: var(--accent-color);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

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

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

.tall-35e9 strong {
    color: var(--accent-color);
}

/* Hot Games Section */
.chip-slow-733b {
    padding: var(--section-padding);
}

.frame-fast-0b4a {
    margin: 2rem 0;
}

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

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

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

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

.chip-hot-612a {
    flex: 1;
}

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

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

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

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

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

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

.full-4c27 {
    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;
}

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

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

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

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

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

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

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

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

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

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

.short-9a38 {
    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;
}

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

.breadcrumb-short-2cff {
    font-size: 2rem;
}

.link-complex-95cb {
    color: var(--text-white);
    margin: 0;
    font-size: 1.125rem;
}

.nav-e828 {
    flex: 1;
}

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

.filter-copper-5b54 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

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

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

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

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

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

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

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

.large-46fd {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
    .large-46fd {
        grid-template-columns: repeat(3, 1fr);
    }
}

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

.banner-5cdd {
    color: var(--text-white);
    font-weight: 600;
}

.west_8483 {
    color: var(--accent-color);
    font-weight: 600;
}

.section-first-4e18 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
    text-align: center;
}

.section-first-4e18 strong {
    color: var(--accent-color);
}

/* Security Section */
.hero-6266 {
    padding: var(--section-padding);
}

/* Benefits Section */
.menu-4842 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

/* Help Section */
.article_22ee {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.button-red-19e4 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.content-last-cb0d {
    margin: 3rem 0;
    display: grid;
    gap: 2rem;
}

.rough-3b63 {
    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) {
    .rough-3b63 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.rough-3b63 .notification_light_a089 {
    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;
}

.rough-3b63 .image_83d9 {
    flex: 1;
}

.rough-3b63 .tabs-ef6f {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

.rough-3b63 .cool-e0e5 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

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

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

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

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

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

/* Quick Registration Section */
.hidden_blue_f372 {
    padding: var(--section-padding);
}

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

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

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

.background-active-cb18:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
}

.background-active-cb18 .motion-da9a {
    font-size: 2rem;
    flex-shrink: 0;
}

.background-active-cb18 .hard-a3c5 {
    flex: 1;
}

.background-active-cb18 .avatar-stone-757b {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.background-active-cb18 .paragraph-lite-8d07 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

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

.motion_6c99 .feature_bronze_26bb {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

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

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

.motion_6c99 .feature_bronze_26bb 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;
}

.motion_6c99 .feature_bronze_26bb li strong {
    color: var(--text-white);
}

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

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

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

/* Security Tips Section */
.preview-solid-a29b {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.pro-2654 {
    font-size: 2rem;
}

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

.notification-plasma-f71b {
    flex: 1;
}

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

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

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

.message_fast_9a00 {
    margin-top: 3rem;
}

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

.preview-clean-3760 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.icon-middle-c87a {
    list-style: none;
    padding: 0;
    margin: 0;
}

.icon-middle-c87a li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.icon-middle-c87a li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.icon-middle-c87a li strong {
    color: var(--warning-color);
}

/* Tech Stack Section */
.primary-3080 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.picture_ee27 {
    margin: 2rem 0;
}

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

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

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

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

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

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

.gallery-cold-aacc {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

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

/* Performance Section */
.next-7874 {
    padding: var(--section-padding);
}

.shadow-left-9a0e {
    margin: 2rem 0;
}

.item-wide-cd55 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

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

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

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

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

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

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

.brown-35be {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.brown-35be.link-b96c {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.media-paper-4235 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.alert_tall_7da1 {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.east_3a21 {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

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

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

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

/* Update Log Section */
.left-657d {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.message-b73d {
    margin: 2rem 0;
}

.hidden_31c8 {
    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) {
    .hidden_31c8 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

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

.mini-1e14 {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.button-ef55 {
    flex: 1;
}

.menu-474d {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.button-4c7c {
    list-style: none;
    padding: 0;
    margin: 0;
}

.button-4c7c li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.content-3ab7 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

.slider-827f {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.thumbnail-large-1a9c {
    flex: 1;
}

.info_current_c03c {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

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

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

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

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

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

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

.layout-5b30 {
    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);
}

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

.layout-5b30 .component_hard_7fd6 {
    font-size: 2rem;
    flex-shrink: 0;
}

.layout-5b30 .surface_easy_a90a {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.layout-5b30 .shadow_b0ce {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

.layout-5b30 .south_f9f5 {
    color: var(--accent-color);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Featured Promos Section */
.header-complex-9bbf {
    padding: var(--section-padding);
}

.header_dark_46e6 .middle_80c1 {
    flex: 1;
}

/* Promo Calendar Section */
.item-large-e1ac {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.orange-4f22 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.small_e120 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

.accordion-mini-6fe9 {
    color: var(--accent-color);
    font-weight: 600;
    font-size: 0.875rem;
}

.notice_advanced_5beb {
    color: var(--text-white);
    font-size: 0.9375rem;
}

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

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

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

/* Requirements Section */
.bright_4d1b {
    padding: var(--section-padding);
}

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

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

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

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

.item-black-672d {
    list-style: none;
    padding: 0;
    margin: 0;
}

.item-black-672d li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.media_huge_707d {
    margin-top: 3rem;
}

.media_huge_707d .notice_1e94 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.media_huge_707d .preview-clean-3760 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.media_huge_707d .icon-middle-c87a {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.media_huge_707d .icon-middle-c87a li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.media_huge_707d .icon-middle-c87a li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.media_huge_707d .icon-middle-c87a li strong {
    color: var(--warning-color);
}

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

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

/* Winners Hall Section */
.title_c13c {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.popup_motion_2eda .fast-f9ea {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.preview-warm-d0be {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

.iron-1b66 {
    font-size: 2rem;
    flex-shrink: 0;
}

.focused-72fc {
    flex: 1;
}

.accordion-inner-5f8e {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.25rem;
    font-size: 1.125rem;
}

.paragraph-medium-d616 {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.thumbnail-purple-6dbe {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

.dropdown-bright-4d1b {
    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);
}

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

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

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.box-black-3817 { 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; }
.input_fixed_78d3, .liquid-ea32 { max-width:100%; height:auto; }

.white-abdc, .gallery_ec82, .avatar-small-c98a { white-space:normal; }

.feature-cfbe,
.title_1684,
.content-470d,
.clean_1371,
.cold_f5a1,
.lower_27a4 {
  flex-wrap:wrap;
}

[class*="grid"],
.link-hard-5c02,
.item-wide-cd55,
.modal-1367 {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.breadcrumb_stone_9c1b img,
.title_1684 img,
.orange-a53b img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.media_9e34, .picture-selected-56c3,
.input-focused-0e3d, .active_9ac3 {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.picture-bea2 { width:100%; overflow-x:auto; }
.picture-bea2 table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.hard_027c {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .hard_027c {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.fluid_91be {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.picture-fixed-03f6,
.hovered-22eb,
.cool_4271,
.glass-fea5,
.article_7a17,
.link-hard-5c02,
.item-wide-cd55,
.modal-1367,
.copper-79fd,
.frame-fast-0b4a,
.hard_027c {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .picture-fixed-03f6,
  .hovered-22eb,
  .cool_4271,
  .glass-fea5,
  .article_7a17,
  .link-hard-5c02,
  .item-wide-cd55,
  .modal-1367,
  .copper-79fd,
  .frame-fast-0b4a,
  .hard_027c {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.button-222f,
.detail-2688,
.aside-tall-f7b4,
.component-next-f068,
.container_blue_5df3,
.wide_c92a,
.breadcrumb-a0ba,
.fluid_91be {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.module_over_81d5,
.notice_2d0e,
.inner_c0e1 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.module_over_81d5 > *,
.notice_2d0e > *,
.inner_c0e1 > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: aefd */
.shadow-element-c8 {
  padding: 0.4rem;
  font-size: 13px;
  line-height: 1.0;
}