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

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

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

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

@media (min-width: 1024px) {
    .popup_a992 {
        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 */
.button-stale-4d1f {
    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);
}

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .list_new_10d2 {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .hidden_4eec {
        grid-column: 1;
    }
    
    .focused_3815 {
        grid-column: 2;
    }
    
    .notice_hovered_5075 {
        grid-column: 3;
    }
}

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

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

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

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

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

.container-cda5 {
    position: relative;
}

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

.container-cda5 .gradient_pressed_fd89 {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

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

.article-static-3e98 {
    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;
}

.article-static-3e98:hover,
.article-static-3e98.fn-active-2773 {
    color: var(--accent-light);
    background: var(--tertiary-bg);
    box-shadow: var(--shadow-glow);
}

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

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

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

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


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

.form-warm-c139::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 */
.notice_hovered_5075 {
    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) {
    .notice_hovered_5075 {
        display: none;
    }
}

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

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

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

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

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

.full_885d.fn-active-2773 {
    display: block;
    max-height: 500px;
}

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

.prev-42c7 {
    list-style: none;
    padding: 0.75rem 0;
}

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

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


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

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

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

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

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

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

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

.overlay-8c79:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.media-4b12 {
    margin-bottom: 1.5rem;
    line-height: 1.1;
}

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

.fresh-f882 {
    margin-bottom: 2rem;
}

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

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

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

.hot-d690 {
    font-size: 1.5rem;
}

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

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

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

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

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

.icon-static-983d {
    text-align: center;
    margin-bottom: 3rem;
}

.fresh-ba73 {
    margin-bottom: 1rem;
}

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

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

@media (min-width: 1024px) {
    .pink-dd8f {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
    
    .pink-dd8f.list-east-8a64 {
        direction: rtl;
    }
    
    .pink-dd8f.list-east-8a64 > * {
        direction: ltr;
    }
}

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

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

.light-5ef4 {
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

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

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

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

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

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

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

.image_bcef {
    list-style: none;
}

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

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

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

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

.easy-6b6e {
    font-size: 2rem;
    flex-shrink: 0;
}

.gradient-white-213b {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.menu-warm-29f3 {
    color: var(--text-gray);
    line-height: 1.6;
}

/* Bonus Highlight */
.search-huge-e5f8 {
    margin: 2rem 0;
}

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

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

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

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

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

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

.prev-680b {
    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);
}

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

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

.texture-a934 {
    font-size: 1.5rem;
}

.primary-259f {
    color: var(--accent-color);
    margin: 0;
}

.current_8663 {
    list-style: none;
}

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

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

/* Security Features */
.banner-5043 {
    margin: 2rem 0;
}

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

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

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

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

.hard_d22e {
    font-size: 1.25rem;
}

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

/* Statistics */
.simple-6a73,
.stale_8bda {
    text-align: center;
    margin: 2rem 0;
}

.hot_599b,
.text-wood-4435 {
    font-size: 1.125rem;
    color: var(--accent-color);
    font-weight: 600;
}

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

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

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

.static-75cb {
    position: relative;
    z-index: 1;
}

.overlay-copper-3b38 {
    margin-bottom: 1rem;
}

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

.avatar_eca3 {
    margin-bottom: 3rem;
}

.liquid_3f15 {
    margin-top: 3rem;
}

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

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

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

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

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

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

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

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

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

.wood-9940 {
    margin-bottom: 1rem;
}

.paragraph-pressed-c9bb img {
    margin-bottom: 1rem;
}

.row-dirty-b8ec {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.selected-814b {
    list-style: none;
}

.selected-814b li {
    margin-bottom: 0.5rem;
}

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

.selected-814b a:hover {
    color: var(--accent-color);
}

.tooltip-0e36 {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

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

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

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

.hover-fcf1 p {
    margin-bottom: 0.25rem;
}

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

.avatar_8c4f {
    text-align: center;
}

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

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

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

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

.liquid-9ebf {
    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);
    }
}

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

.secondary-cbc0 {
    animation: pulse 2s infinite;
}

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

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

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

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

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

.carousel-2fad .easy-6b6e {
    font-size: 1.25rem;
}

.carousel-2fad .progress-yellow-4e77 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

.button-a11c {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

.description-28f3 {
    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);
}

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

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

.container-clean-30b4 {
    color: var(--accent-color);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

.button-07d3 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.sort_small_b7ba .gradient-white-213b {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.sort_small_b7ba .menu-warm-29f3 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

.shadow_pressed_adb6 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_pressed_adb6 input:focus {
    outline: none;
    border-color: var(--accent-color);
    box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.1);
}

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

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

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

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

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

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

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

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

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

.title-outer-3957 .hard_d22e {
    font-size: 1.25rem;
}

.title-outer-3957 .layout-7464 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--success-color);
}

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

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

.card_orange_45a4 .easy-6b6e {
    font-size: 2rem;
    flex-shrink: 0;
}

.card_orange_45a4 .gradient-white-213b {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.card_orange_45a4 .menu-warm-29f3 {
    color: var(--text-gray);
    line-height: 1.6;
}

.panel-right-1a45 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.fluid_56a9 .detail-out-25cb {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.fluid_56a9 .row-hovered-566a {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

.component-soft-4004 {
    font-size: 3rem;
    margin-bottom: 1.5rem;
}

.main-large-6000 {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

.border-west-2ce8 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

.static-db83 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

.out-6f51 {
    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);
}

.out-6f51 .easy-6b6e {
    font-size: 2rem;
    flex-shrink: 0;
}

.out-6f51 .gradient-white-213b {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.out-6f51 .menu-warm-29f3 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

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

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

.tooltip-purple-f97d {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.avatar-yellow-2bf1 {
    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);
}

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

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

.bronze-5855 {
    flex: 1;
}

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

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

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

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

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

.overlay_stone_851b .detail-out-25cb {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.overlay_stone_851b .row-hovered-566a {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

.pink-97af {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

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

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

.pro-5a84 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

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

.out-6f51 .gradient-white-213b {
    color: var(--success-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.out-6f51 .menu-warm-29f3 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

.dim-35ee {
    padding: 1.5rem;
}

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

.widget-short-d980 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget-short-d980 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;
}

.widget-short-d980 li:last-child {
    border-bottom: none;
}

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

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

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

.hovered-1c62 {
    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);
}

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

.left-06b6 {
    font-size: 2rem;
    flex-shrink: 0;
}

.new-6b8c {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

.widget-064d {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

.pagination-13c5 {
    text-align: center;
}

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

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

.paragraph-90f8 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.narrow-6e0c .gradient-white-213b {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.narrow-6e0c .menu-warm-29f3 {
    color: var(--text-gray);
    line-height: 1.6;
}

.menu-middle-b4fa {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

.gradient-white-213b {
    color: var(--accent-color);
    margin: 0;
    font-size: 1.25rem;
}

.filter_hard_682c {
    padding: 1.5rem;
}

.menu-warm-29f3 {
    color: var(--text-gray);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.last-d64d {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.panel-south-6345 {
    display: flex;
    gap: 1rem;
}

.panel-south-6345 .dim_388a {
    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;
}

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

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

.header-55f3 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header-55f3 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;
}

.header-55f3 li:last-child {
    border-bottom: none;
}

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

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

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

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

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

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

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

.sort-388c {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

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

.card-advanced-76c5 {
    font-size: 1rem;
}

.footer_ddff {
    padding: 1.5rem;
}

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

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

.block_liquid_5833 .pagination-13c5 {
    text-align: center;
}

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

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

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

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

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

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

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

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

.west-cb57 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.left-7ce2 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.accordion-70f8 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

.content_basic_ad8a.column-9323 {
    background: linear-gradient(135deg, #cd7f32, #a0522d);
    color: white;
}

.content_basic_ad8a.last-7995 {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

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

.content_basic_ad8a.article-dynamic-8b6a {
    background: linear-gradient(135deg, #e5e4e2, #b8b8b8);
    color: #0f172a;
}

.content_basic_ad8a.element-dynamic-10cd {
    background: linear-gradient(135deg, #b9f2ff, #00bfff);
    color: #0f172a;
}

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

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

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

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

.panel-right-1a45 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.panel-right-1a45 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;
}

.panel-right-1a45 li:last-child {
    border-bottom: none;
}

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

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

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

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

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

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

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

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

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

.focus_cool_2cd0.image_242b .form-steel-49e8 {
    background: rgba(6, 182, 212, 0.1);
}

.thumbnail-67e9 {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 0.5rem;
}

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

.focus_cool_2cd0.image_242b .gradient_medium_4c73 {
    color: var(--info-color);
}

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

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

.focus_cool_2cd0.image_242b .under_afc0 {
    color: var(--info-color);
}

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

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

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

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

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

.gallery-blue-c38a {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.old-72bd {
    flex: 1;
}

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

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

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

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

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

.liquid-9ebf {
    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);
}

.disabled-hard-1d28 {
  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);
}

.disabled-hard-1d28 .pagination-13c5 {
    text-align: center;
}

.disabled-hard-1d28 .copper-6f83 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--info-color);
    margin-bottom: 0.5rem;
}

.disabled-hard-1d28 .aside_16c2 {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

.media-new-3d83 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.caption-08c5 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

.up-aba8 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

.shadow-wide-f191 {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

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

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

.modal-tiny-ec8c.table_c054 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.modal-tiny-ec8c.element_new_7860 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
}

.modal-tiny-ec8c.lower-73d0 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--info-color);
}

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

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

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

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

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

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

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

.texture-6f1b {
    text-align: center;
}

.texture-6f1b .copper-6f83 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--success-color);
    margin-bottom: 0.5rem;
}

.texture-6f1b .aside_16c2 {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Utility Classes */
.iron_2972 { text-align: center; }
.left_b03c { text-align: left; }
.focus-upper-cb95 { text-align: right; }

.outline-7156 { margin-bottom: 0; }
.south_d775 { margin-bottom: 0.5rem; }
.stale-a5fa { margin-bottom: 1rem; }
.nav_1178 { margin-bottom: 1.5rem; }
.easy-1cc3 { margin-bottom: 2rem; }

.liquid-4774 { margin-top: 0; }
.pagination_e568 { margin-top: 0.5rem; }
.title-1711 { margin-top: 1rem; }
.active_460d { margin-top: 1.5rem; }
.breadcrumb-111a { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .steel_39ba {
        padding: 6rem 0 3rem;
    }
    
    .cool_70d9 {
        text-align: center;
    }
    
    .pink-dd8f {
        text-align: center;
    }
    
    .item_action_a86c {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .button-stale-4d1f,
    .full_885d,
    .thick_e5bd,
    .primary-brown-c4fd {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .steel_39ba {
        background: none;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Reviews Section */
.old-33f3 {
    padding: var(--section-padding);
}

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

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

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

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

.main-steel-985d {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.image-next-81ac {
    display: flex;
    flex-direction: column;
}

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

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

.chip-1d03 {
    color: var(--accent-color);
}

.popup_pro_26e3 {
    font-size: 1.25rem;
}

.hidden_middle_bd88 {
    margin-bottom: 1rem;
}

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

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

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

.pagination-13c5 {
    text-align: center;
}

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

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

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

.simple_5022 {
    margin: 2rem 0;
}

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

.out-5492 .easy-6b6e {
    font-size: 2rem;
    flex-shrink: 0;
}

.banner-3cfd {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.grid-yellow-cd49 {
    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;
}

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

.short_784e {
    font-size: 2rem;
}

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

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

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

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

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

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

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

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

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

.media_slow_c193 .copper-6f83 {
    font-size: 3rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    display: block;
}

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

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

.detail_tall_b186 {
    margin-top: 4rem;
}

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

.component_7f54 {
    overflow-x: auto;
}

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

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

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

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

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

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

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

.middle-e4ad {
    max-width: 900px;
    margin: 0 auto;
}

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

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

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

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

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

.fluid_4e90.fn-active-2773 .west-ddfa {
    transform: rotate(45deg);
}

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

.fluid_4e90.fn-active-2773 .media-41c6 {
    max-height: 1000px;
}

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

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

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

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

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

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

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

.pattern-north-104a {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.popup-d428 {
    font-size: 2rem;
}

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

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

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

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

.progress_41f4 {
    margin-top: 1.5rem;
    padding: 1rem;
    background: rgba(16, 185, 129, 0.1);
    border-radius: var(--radius-md);
    border: 1px solid rgba(16, 185, 129, 0.2);
}

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

.carousel-center-8516 {
    margin-top: 3rem;
}

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

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

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

.notification-pink-781d {
    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);
}

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

.notification-pink-781d p {
    color: var(--text-gray);
    margin: 0;
}

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

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

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

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

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

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

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

.image_out_840b {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.pagination_basic_515e, .background-d195, .panel_c816 {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

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

.secondary-9fd9 {
    margin: 2rem 0;
}

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

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

.glass-2c5d {
    list-style: none;
    padding: 0;
}

.glass-2c5d 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;
}

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

.glass-2c5d li:last-child {
    border-bottom: none;
}

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

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

/* Winners Section */
.info-92b8 {
    padding: var(--section-padding);
}

.avatar_fresh_5539 {
    margin: 2rem 0;
}

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

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

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

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

.mask-195f {
    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;
}

.breadcrumb_3726 {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.surface-cool-c61b strong {
    color: var(--accent-color);
}

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

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

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

.filter_copper_047a {
    margin-bottom: 1.5rem;
}

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

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

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

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

.sidebar_4764 {
    display: flex;
    align-items: center;
}

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

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

.disabled-1ad6 {
    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;
}

.info-slow-9202 {
    color: var(--text-gray);
}

.thumbnail-brown-25bb {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
}

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

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

.fixed-5322 {
    margin-top: 3rem;
}

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

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

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

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

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

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

.media_lower_7553 {
    margin: 2rem 0;
}

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

.under-1ef4 {
    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;
}

.under-1ef4:hover, .under-1ef4.fn-active-2773 {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.text_center_3673 {
    display: none;
}

.text_center_3673.fn-active-2773 {
    display: block;
}

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

.icon-upper-b16b {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

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

.aside-dark-9f68 {
    color: var(--accent-color);
    margin: 0;
}

.frame-9c44 {
    display: flex;
    gap: 1.5rem;
}

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

.hot-6bd1 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 2rem 0;
}

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

.stone-66b1.progress_warm_6c13 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.stone-66b1.nav-d154 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

.stone-66b1.hero-hovered-abaf {
    background: rgba(239, 68, 68, 0.2);
    color: var(--danger-color);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.image-rough-3c78 {
    margin-top: 2rem;
}

.detail-fixed-f2e7 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

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

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

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

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

.gradient-89e8 {
    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 */
.inner_5c8a {
    padding: var(--section-padding);
}

.surface_5487 {
    margin: 2rem 0;
}

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

.primary-pro-b534 {
    color: var(--warning-color);
    margin-bottom: 1rem;
}

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

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

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

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

.hovered-c6f6 {
    margin: 2rem 0;
}

.shadow-bronze-9a8b {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

.solid-0bdc {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

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

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

.bronze-dc17 {
    margin-top: 2rem;
}

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

.active-fba5 {
    list-style: none;
    padding: 0;
}

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

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

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

.pattern-copper-8c37 {
    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 */
.dirty-8032 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

.grid-thick-cc2b {
    margin-bottom: 3rem;
}

.grid-thick-cc2b .north_bf4c {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

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

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

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

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

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

.status-81d8 {
    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 */
.logo_02bf {
    padding: var(--section-padding);
}

.sort_c225 {
    margin: 2rem 0;
}

.card-147d {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

.paragraph-green-2aca {
    overflow-x: auto;
    margin: 2rem 0;
}

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

.iron-74a8 {
    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;
}

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

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

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

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

.dim-5d07 .easy-6b6e {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

.dim-5d07 .gradient-white-213b {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

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

.thumbnail-steel-448b {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

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

.video-thick-178c {
    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;
}

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

.outline-3ba3 {
    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);
}

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

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

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

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

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

.paragraph-16f5 {
    color: var(--text-white);
    font-weight: 600;
}

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

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

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

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

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

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

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

.new-fded .copper-6f83 {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

.pro-5a84 {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.pink_393d {
    flex: 1;
}

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

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

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

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

.out-6f51 .gradient-white-213b {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

.out-6f51 .menu-warm-29f3 {
    color: var(--text-gray);
    margin: 0;
}

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

.popup-action-ac4a .hot_599b {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

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

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

.bronze-5855 {
    flex: 1;
}

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

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

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

.cool-ea81 {
    flex: 1;
}

.container-clean-30b4 {
    color: var(--text-white);
    margin-bottom: 0.5rem;
}

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

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

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

.panel-south-6345 {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

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

.summary-b529 {
    margin-top: 2rem;
}

.summary-b529 .light_9799 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

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

.paragraph-90f8 {
    margin: 2rem 0;
}

.narrow-6e0c {
    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 */
.list_6384 {
    padding: var(--section-padding);
}

.filter_hard_682c {
    margin-top: 1rem;
}

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

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

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

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

.detail_1e7e {
    margin: 2rem 0;
}

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

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

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

.full_e8bd {
    margin: 2rem 0;
}

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

.gas-420e .north_bf4c {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

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

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

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

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

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

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

/* Tips Section */
.icon-pink-53f3 {
    padding: var(--section-padding);
}

.fixed-33a8 {
    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;
}

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

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

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

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

.dim-d7f0 {
    flex: 1;
}

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

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

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

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

.button-center-7042 {
    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);
}

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

.button-center-7042 strong {
    color: var(--warning-color);
}

/* Slots Section */
.tabs-simple-dc0d {
    padding: var(--section-padding);
}

.static-db83 {
    margin: 2rem 0;
}

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

.section_928e {
    margin: 2rem 0;
}

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

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

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

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

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

.nav_out_d676 .hot_599b {
    color: var(--text-gray);
    margin: 0;
    text-align: center;
    font-size: 1.125rem;
}

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

.gallery_large_f4c0 {
    margin: 2rem 0;
}

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

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

.column-medium-ca4f {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

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

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

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

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

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

.hidden-paper-d764 strong {
    color: var(--accent-color);
}

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

.breadcrumb_out_28bf {
    margin: 2rem 0;
}

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

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

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

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

.media-fluid-f9dc {
    flex: 1;
}

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

.hidden-black-79f9 {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.input_b0f5 {
    font-size: 2rem;
}

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

.search-cold-32e4 {
    flex: 1;
}

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

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

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

.preview-rough-3ba1 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

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

.nav-next-aef7 {
    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;
}

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

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

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

.title-focused-aaa3 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
    .title-focused-aaa3 {
        grid-template-columns: repeat(3, 1fr);
    }
}

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

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

.article_4fa9 {
    color: var(--accent-color);
    font-weight: 600;
}

.hard-8380 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
    text-align: center;
}

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

/* Security Section */
.upper-4bfb {
    padding: var(--section-padding);
}

/* Benefits Section */
.input-outer-c998 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

/* Help Section */
.tag_0d26 {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.gradient-iron-c722 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

.alert_76ca {
    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) {
    .alert_76ca {
        flex-direction: column;
        gap: 1rem;
    }
}

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

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

.alert_76ca .cool-ea81 {
    flex: 1;
}

.alert_76ca .container-clean-30b4 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

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

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

.dirty-13c3 .block_top_e5e9 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.dirty-13c3 .small_9f0d {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dirty-13c3 .small_9f0d li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
}

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

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

/* Quick Registration Section */
.widget_brown_482a {
    padding: var(--section-padding);
}

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

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

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

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

.banner_inner_bef5 .hard-13a2 {
    font-size: 2rem;
    flex-shrink: 0;
}

.banner_inner_bef5 .badge-copper-8070 {
    flex: 1;
}

.banner_inner_bef5 .detail-out-25cb {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.banner_inner_bef5 .table-dirty-94d9 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

.rough-1d5b .right_4fac {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.rough-1d5b .tabs_2475 {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

.rough-1d5b .tabs_2475 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);
}

.rough-1d5b .tabs_2475 li:last-child {
    border-bottom: none;
}

.rough-1d5b .tabs_2475 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;
}

.rough-1d5b .tabs_2475 li strong {
    color: var(--text-white);
}

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

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

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

/* Security Tips Section */
.frame_566e {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.filter-north-3a23 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

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

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

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

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

.element-slow-70b2 {
    font-size: 2rem;
}

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

.dirty_27b3 {
    flex: 1;
}

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

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

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

.grid-easy-dcd4 {
    margin-top: 3rem;
}

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

.primary-pro-b534 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

.widget_7305 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

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

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

/* Tech Stack Section */
.widget_3cc6 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.popup_smooth_6f47 {
    margin: 2rem 0;
}

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

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

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

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

.column-black-1128 {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    background: var(--secondary-bg);
    border-radius: var(--radius-md);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: var(--transition-normal);
}

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

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

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

/* Performance Section */
.first_a8be {
    padding: var(--section-padding);
}

.carousel_b6f2 {
    margin: 2rem 0;
}

.grid-small-32a7 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

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

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

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

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

.logo-c2e0 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.disabled-clean-525f {
    color: var(--text-white);
    margin: 0;
    font-size: 1rem;
}

.notice-static-008d {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.notice-static-008d.cold_09a1 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.icon-clean-5ee4 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.hard_a313 {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.progress_red_f86b {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.outline-middle-57cc {
    color: var(--text-muted);
    font-size: 0.875rem;
}

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

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

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

/* Update Log Section */
.section-fc01 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.link-inner-c4d6 {
    margin: 2rem 0;
}

.accordion-9bcb {
    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) {
    .accordion-9bcb {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.accordion-9bcb::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);
}

.down_0300 {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.info-new-3fdf {
    flex: 1;
}

.notification-5ce3 {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.grid-brown-d5c1 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.grid-brown-d5c1 li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

.hero-ddc7 {
    flex: 1;
}

.green_b566 {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

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

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

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

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

/* Promo Highlights */
.medium-bce8 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

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

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

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

.highlight_first_e264 .left-06b6 {
    font-size: 2rem;
    flex-shrink: 0;
}

.highlight_first_e264 .new-6b8c {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.highlight_first_e264 .prev-68aa {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

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

/* Featured Promos Section */
.overlay-slow-47e1 {
    padding: var(--section-padding);
}

.tag_2af1 .shade_white_a314 {
    flex: 1;
}

/* Promo Calendar Section */
.secondary_d6a4 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.disabled-0384 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.content-3838 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

.dark-5d36 {
    color: var(--text-white);
    font-size: 0.9375rem;
}

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

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

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

/* Requirements Section */
.slow-90b1 {
    padding: var(--section-padding);
}

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

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

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

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

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

.popup-b767 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.info_331f {
    margin-top: 3rem;
}

.info_331f .content_fast_1239 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.info_331f .primary-pro-b534 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.info_331f .widget_7305 {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.info_331f .widget_7305 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.info_331f .widget_7305 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.info_331f .widget_7305 li strong {
    color: var(--warning-color);
}

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

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

/* Winners Hall Section */
.status-f49d {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.accordion-4b0a .north_bf4c {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.shadow_4cbd {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.icon-gold-fd15 {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1rem;
    background: var(--secondary-bg);
    border-radius: var(--radius-md);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: var(--transition-normal);
}

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

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

.tag-4e17 {
    flex: 1;
}

.sort-4c85 {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.25rem;
    font-size: 1.125rem;
}

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

.motion-99c4 {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

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

.widget-copper-18c7 {
    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);
}

.widget-copper-18c7:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-accent);
}

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

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

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

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

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

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.popup_a992 { 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; }
.north-5894, .new-761a { max-width:100%; height:auto; }

.grid-red-f558, .dirty_0b96, .mini_c918 { white-space:normal; }

.cool_70d9,
.pink-dd8f,
.main-14f5,
.medium-bce8,
.accent_silver_9ed1,
.up-aba8 {
  flex-wrap:wrap;
}

[class*="grid"],
.plasma_1294,
.grid-small-32a7,
.button_e37e {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.steel_39ba img,
.pink-dd8f img,
.backdrop-ab6f img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.media-4b12, .accordion-west-8865,
.fresh-ba73, .frame-7906 {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.component_7f54 { width:100%; overflow-x:auto; }
.component_7f54 table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.highlight_40e8 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .highlight_40e8 {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.wrapper-9a7a {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.background-0d54,
.row_0b92,
.frame_22ff,
.banner_60bc,
.tertiary_519e,
.plasma_1294,
.grid-small-32a7,
.button_e37e,
.gradient_9da9,
.breadcrumb_out_28bf,
.highlight_40e8 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .background-0d54,
  .row_0b92,
  .frame_22ff,
  .banner_60bc,
  .tertiary_519e,
  .plasma_1294,
  .grid-small-32a7,
  .button_e37e,
  .gradient_9da9,
  .breadcrumb_out_28bf,
  .highlight_40e8 {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.media_slow_c193,
.module_c93f,
.widget-copper-18c7,
.selected_23b2,
.hard-dfc7,
.texture-6f1b,
.focus_east_2d45,
.wrapper-9a7a {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.soft_22d1,
.info_6eff,
.iron-c857 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.soft_22d1 > *,
.info_6eff > *,
.iron-c857 > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: c271 */
.widget-item-k3 {
  padding: 0.2rem;
  font-size: 12px;
  line-height: 1.3;
}