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

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

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

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

@media (min-width: 1024px) {
    .tall-227e {
        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 */
.container_liquid_6f05 {
    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);
}

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .clean-1497 {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .status-791e {
        grid-column: 1;
    }
    
    .hover_hard_fb2c {
        grid-column: 2;
    }
    
    .alert-smooth-55d0 {
        grid-column: 3;
    }
}

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

.status-791e:hover img {
    transform: scale(1.05);
}

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

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

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

.footer_medium_c4b3 {
    position: relative;
}

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

.footer_medium_c4b3 .pagination-slow-a699 {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

.pagination-slow-a699 {
    display: flex;
    list-style: none;
    gap: 1.5rem;
}

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

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

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

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

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

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


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

.center_774e::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 */
.alert-smooth-55d0 {
    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) {
    .alert-smooth-55d0 {
        display: none;
    }
}

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

.alert-smooth-55d0.fn-active-ed95 span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.alert-smooth-55d0.fn-active-ed95 span:nth-child(2) {
    opacity: 0;
}

.alert-smooth-55d0.fn-active-ed95 span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

.label-hot-9431 {
    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;
}

.label-hot-9431.fn-active-ed95 {
    display: block;
    max-height: 500px;
}

/* Prevent body scroll when menu is open */
body.card-dynamic-fe97 {
    overflow: hidden;
}

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

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

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


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

.avatar_6a85.grid-f3c7::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 */
.list_inner_bec7 {
    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;
}

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

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

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

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

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

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

.lower-1e65 {
    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;
}

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

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

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

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

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

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

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

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

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

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

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

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

.texture-dim-0063 {
    margin-bottom: 1.5rem;
    line-height: 1.1;
}

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

.north_efda {
    margin-bottom: 2rem;
}

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

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

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

.frame_current_5678 {
    font-size: 1.5rem;
}

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

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

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

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

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

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

.new-7489 {
    margin-bottom: 1rem;
}

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

.dropdown-bronze-f564 {
    display: grid;
    gap: 3rem;
    align-items: center;
}

@media (min-width: 1024px) {
    .dropdown-bronze-f564 {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
    
    .dropdown-bronze-f564.thumbnail-f88b {
        direction: rtl;
    }
    
    .dropdown-bronze-f564.thumbnail-f88b > * {
        direction: ltr;
    }
}

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

.hover-f4c8:first-child {
    margin-top: 0;
}

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

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

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

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

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

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

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

.sort_4ffb {
    list-style: none;
}

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

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

/* Games Features */
.notice-270e {
    display: grid;
    gap: 2rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

.progress-yellow-230e {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
    color: var(--primary-bg);
}

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

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

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

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

.feature-467c {
    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);
}

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

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

.pro_7f74 {
    font-size: 1.5rem;
}

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

.north_ada2 {
    list-style: none;
}

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

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

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

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

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

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

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

.box_cold_cff6 {
    font-size: 1.25rem;
}

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

/* Statistics */
.fresh-6962,
.medium_006b {
    text-align: center;
    margin: 2rem 0;
}

.preview_5991,
.right-be56 {
    font-size: 1.125rem;
    color: var(--accent-color);
    font-weight: 600;
}

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

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

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

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

.shade_c106 {
    margin-bottom: 1rem;
}

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

.modal-e7aa {
    margin-bottom: 3rem;
}

.dark_749e {
    margin-top: 3rem;
}

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

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

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

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

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

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

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

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

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

.title-2e5d {
    margin-bottom: 1rem;
}

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

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

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

.soft_da47 {
    list-style: none;
}

.soft_da47 li {
    margin-bottom: 0.5rem;
}

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

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

.section-complex-8569 {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

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

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

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

.south-4a71 p {
    margin-bottom: 0.25rem;
}

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

.slow_5324 {
    text-align: center;
}

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

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

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

.glass-3cd0 {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

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

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

.table_west_675e {
    animation: pulse 2s infinite;
}

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

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

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

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

.item-96ac {
    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);
}

.item-96ac .notification-b449 {
    font-size: 1.25rem;
}

.item-96ac .dynamic_e845 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

.complex-6be8 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

.fast-637d {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.north-1be1 .form_bef7 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.north-1be1 .backdrop_huge_f3bc {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.badge-focused-0c15 {
    display: flex;
    justify-content: center;
    margin: 3rem 0;
}

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

.badge-focused-0c15 img:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-glow);
}

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

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

.card-wide-3145 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

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

.card-wide-3145 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);
}

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

.card-wide-3145 input::placeholder {
    color: var(--text-muted);
}

.focus-last-2b68 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

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

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

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

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

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

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

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

.image_c78a .box_cold_cff6 {
    font-size: 1.25rem;
}

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

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

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

.full_128b .notification-b449 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

.badge-wood-762f {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.media-liquid-5a1b .avatar-dim-34df {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.media-liquid-5a1b .menu-652e {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.black-0fc3 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

.gradient-small-2f54 {
    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);
}

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

.form-over-5554 {
    font-size: 3rem;
    margin-bottom: 1.5rem;
}

.tooltip_fixed_39c1 {
    flex: 1;
}

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

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

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

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

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

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

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

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

.nav-up-7d70 {
    font-size: 2rem;
    flex-shrink: 0;
}

.preview-slow-4bef {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

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

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

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

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

.huge-af11 .hover-57db {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

.copper_2adf .notification-b449 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.progress-yellow-230e {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 0.875rem;
}

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

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

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

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

.accent-green-949c {
    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);
}

.active-030b {
    flex: 1;
}

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

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

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

.easy-890f {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.container_4925 .avatar-dim-34df {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.container_4925 .menu-652e {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

.thumbnail-upper-a429 {
    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);
}

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

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

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

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

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

.wrapper-mini-3052 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

.copper_2adf .form_bef7 {
    color: var(--success-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

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

.tertiary-center-e64c {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

.slider-current-db00 {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

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

.message_4f24 {
    padding: 1.5rem;
}

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

.card-81fe {
    list-style: none;
    padding: 0;
    margin: 0;
}

.card-81fe 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;
}

.card-81fe li:last-child {
    border-bottom: none;
}

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

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

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

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

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

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

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

.tabs-mini-363b {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

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

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

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

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

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

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

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

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

.motion_2683 {
    text-align: center;
}

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

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

.outer-7d30 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.wood-120c .form_bef7 {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.wood-120c .backdrop_huge_f3bc {
    color: var(--text-gray);
    line-height: 1.6;
}

.west-3af1 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

.icon_medium_6e13 {
    padding: 1.5rem;
}

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

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

.backdrop-9742 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;
}

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

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

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

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

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

.disabled-9eb6 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

.heading-narrow-625d {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

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

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

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

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

.texture-65b8 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.texture-65b8 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;
}

.texture-65b8 li:last-child {
    border-bottom: none;
}

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

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

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

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

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

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

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

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

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

.dropdown-2c88 {
    font-size: 1rem;
}

.gradient_middle_8f03 {
    padding: 1.5rem;
}

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

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

.section_3e9a .motion_2683 {
    text-align: center;
}

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

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

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

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

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

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

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

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

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

.slider-9d88 {
    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);
}

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

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

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

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

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

.footer-up-3ed6 {
    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);
}

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

.huge-c31f.cold_6697 {
    background: linear-gradient(135deg, #cd7f32, #a0522d);
    color: white;
}

.huge-c31f.container-blue-404c {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

.huge-c31f.accent-7df3 {
    background: linear-gradient(135deg, #ffd700, #ffb347);
    color: #0f172a;
}

.huge-c31f.brown_5efd {
    background: linear-gradient(135deg, #e5e4e2, #b8b8b8);
    color: #0f172a;
}

.huge-c31f.cool_ead2 {
    background: linear-gradient(135deg, #b9f2ff, #00bfff);
    color: #0f172a;
}

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

.gallery-8a45 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.badge-wood-762f {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

.badge-wood-762f li:last-child {
    border-bottom: none;
}

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

.narrow-aa5c {
    display: grid;
    gap: 1.5rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

.table_focused_0f61.wrapper_pressed_eacc .box_over_fc7a {
    background: rgba(6, 182, 212, 0.1);
}

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

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

.table_focused_0f61.wrapper_pressed_eacc .accordion_9c20 {
    color: var(--info-color);
}

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

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

.table_focused_0f61.wrapper_pressed_eacc .stale-9944 {
    color: var(--info-color);
}

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

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

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

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

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

.accent-advanced-aba9 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.list-motion-ac53 {
    flex: 1;
}

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

.thumbnail-prev-4bb7 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

.complex_b4cc .motion_2683 {
    text-align: center;
}

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

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

.mask-soft-489e {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

.detail-steel-9ac6 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

.slider-775f {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

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

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

.cold_47b9.thick-c5e0 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

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

.cold_47b9.picture_top_9f5a {
    background: rgba(6, 182, 212, 0.2);
    color: var(--info-color);
}

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

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

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

.tall_b02c .carousel-dim-e167 {
    color: var(--text-gray);
    font-size: 0.875rem;
    text-align: left;
}

.sidebar-67a1 {
    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);
}

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

.row-focused-524d {
  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);
}

.video_13b1 {
    text-align: center;
}

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

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

/* Utility Classes */
.form-dim-060a { text-align: center; }
.badge_active_a8f8 { text-align: left; }
.first_4f37 { text-align: right; }

.module_4b84 { margin-bottom: 0; }
.hard-16d4 { margin-bottom: 0.5rem; }
.liquid_b4fa { margin-bottom: 1rem; }
.title_bronze_bc31 { margin-bottom: 1.5rem; }
.disabled_upper_c14c { margin-bottom: 2rem; }

.last_4c31 { margin-top: 0; }
.gallery-a63a { margin-top: 0.5rem; }
.wrapper-black-08b9 { margin-top: 1rem; }
.summary_b1de { margin-top: 1.5rem; }
.old-d9e4 { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .column_fd9e {
        padding: 6rem 0 3rem;
    }
    
    .medium-943b {
        text-align: center;
    }
    
    .dropdown-bronze-f564 {
        text-align: center;
    }
    
    .accordion-2a6b {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .container_liquid_6f05,
    .label-hot-9431,
    .surface_d228,
    .message-c1f9 {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .column_fd9e {
        background: none;
    }
}

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

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

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

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

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

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

.focus-out-72b8 {
    color: var(--accent-color);
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.light_8e20 {
    font-size: 1.25rem;
}

.thumbnail-dirty-f8f8 {
    margin-bottom: 1rem;
}

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

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

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

.motion_2683 {
    text-align: center;
}

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

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

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

.tabs-b944 {
    margin: 2rem 0;
}

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

.wide_9535 .notification-b449 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

.description_small_ea99 {
    font-size: 2rem;
}

.menu-71d1 {
    display: flex;
    flex-direction: column;
}

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

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

/* Statistics Section */
.caption-slow-7a8a {
    padding: var(--section-padding);
}

.surface-dirty-8ee0 {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;
    margin: 2rem 0;
}

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

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

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

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

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

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

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

.filter-bec8 {
    margin-top: 4rem;
}

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

.label_30a0 {
    overflow-x: auto;
}

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

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

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

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

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

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

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

.brown-71b5 {
    max-width: 900px;
    margin: 0 auto;
}

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

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

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

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

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

.pagination_399a.fn-active-ed95 .blue_0eed {
    transform: rotate(45deg);
}

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

.pagination_399a.fn-active-ed95 .box-clean-a028 {
    max-height: 1000px;
}

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

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

.badge-focused-0c15 {
    margin: 2rem 0;
    text-align: center;
}

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

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

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

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

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

.item_dim_2706 {
    font-size: 2rem;
}

.heading-under-1d7d {
    color: var(--text-white);
    margin: 0;
}

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

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

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

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

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

.tertiary_a8d7 {
    margin-top: 3rem;
}

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

.detail-2b67 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

.paragraph-stone-69ff {
    flex: 1;
}

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

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

.modal-fluid-4d53 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

.column-5b28, .paragraph_light_03ab, .right-5c72 {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

.right-5c72 {
    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 */
.yellow_023a {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.thumbnail-bc24 {
    margin: 2rem 0;
}

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

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

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

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

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

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

.tabs-3178 {
    text-align: center;
    margin-top: 2rem;
}

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

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

.widget_pro_4599 {
    margin: 2rem 0;
}

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

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

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

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

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

.texture-ec4b {
    flex: 1;
}

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

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

.box-full-c391 {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    white-space: nowrap;
}

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

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

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

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

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

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

.content-advanced-6ddb {
    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);
}

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

.mask-under-6385 strong {
    color: var(--accent-color);
}

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

@media (min-width: 1024px) {
    .hero-in-36db {
        grid-template-columns: 1fr 1fr;
    }
}

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

.button_plasma_3a51 {
    margin-bottom: 1.5rem;
}

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

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

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

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

.photo-e15b {
    display: flex;
    align-items: center;
}

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

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

.tooltip-white-8880 {
    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;
}

.gallery-676c {
    color: var(--text-gray);
}

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

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

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

.wood_64df {
    margin-top: 3rem;
}

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

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

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

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

.tiny-9aee:last-child {
    border-bottom: none;
}

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

.column-brown-515c {
    margin: 2rem 0;
}

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

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

.yellow_d91c:hover, .yellow_d91c.fn-active-ed95 {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.description-in-be34 {
    display: none;
}

.description-in-be34.fn-active-ed95 {
    display: block;
}

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

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

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

.steel-685e ul {
    list-style: none;
    padding: 0;
}

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

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

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

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

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

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

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

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

.text-1a72 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 2rem 0;
}

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

.notice-2734.filter_8455 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.notice-2734.disabled_active_1705 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

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

.plasma-59c3 {
    margin-top: 2rem;
}

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

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

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

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

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

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

.backdrop-4b09 {
    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 */
.image-black-d5a7 {
    padding: var(--section-padding);
}

.card-5f9c {
    margin: 2rem 0;
}

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

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

.disabled-e3f9 {
    list-style: none;
    padding: 0;
}

.disabled-e3f9 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;
}

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

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

.status-short-d646 {
    margin: 2rem 0;
}

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

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

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

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

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

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

.overlay-68cc {
    margin-top: 2rem;
}

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

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

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

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

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

.mini-af1e {
    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 */
.message-left-3429 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.banner-smooth-2f3e {
    margin: 2rem 0;
}

.hard-bf75 {
    margin-bottom: 3rem;
}

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

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

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

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

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

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

.popup-86fe {
    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 */
.shade_489f {
    padding: var(--section-padding);
}

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

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

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

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

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

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

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

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

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

.box-35da .notification-b449 {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

.box-35da .form_bef7 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

.preview-steel-091c {
    color: var(--text-white);
    font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* Football Leagues Section */
.wrapper-mini-3052 {
    margin: 2rem 0;
}

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

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

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

.media-hot-ccdb {
    flex: 1;
}

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

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

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

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

.copper_2adf .form_bef7 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

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

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

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

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

/* Bonus Tier Styles */
.accent-green-949c {
    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;
}

.active-030b {
    flex: 1;
}

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

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

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

.filter_stone_207d {
    flex: 1;
}

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

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

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

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

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

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

.iron_66ba {
    margin-top: 2rem;
}

.iron_66ba .row-short-f6ec {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

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

.outer-7d30 {
    margin: 2rem 0;
}

.wood-120c {
    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 */
.gallery-slow-3b61 {
    padding: var(--section-padding);
}

.icon_medium_6e13 {
    margin-top: 1rem;
}

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

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

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

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

.modal-rough-3515 {
    margin: 2rem 0;
}

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

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

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

.breadcrumb_74d6 {
    margin: 2rem 0;
}

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

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

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

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

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

.breadcrumb-44d4 {
    color: var(--text-white);
    font-weight: 600;
}

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

.modal-out-fe99 {
    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);
}

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

/* Tips Section */
.footer-32fe {
    padding: var(--section-padding);
}

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

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

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

.search-west-1f03 .border_c33a {
    font-size: 2rem;
    flex-shrink: 0;
}

.search-west-1f03 .box-d6a7 {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

.icon_silver_c584 {
    flex: 1;
}

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

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

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

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

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

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

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

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

.widget_right_fd08 {
    margin: 2rem 0;
}

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

.texture_90c3 {
    margin: 2rem 0;
}

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

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

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

.huge-af11 .hover-57db {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

.secondary-dim-2b84 {
    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);
}

.secondary-dim-2b84 .preview_5991 {
    color: var(--text-gray);
    margin: 0;
    text-align: center;
    font-size: 1.125rem;
}

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

.menu-865f {
    margin: 2rem 0;
}

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

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

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

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

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

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

.gallery-easy-8ccf {
    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);
}

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

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

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

.block-under-8113 {
    margin: 2rem 0;
}

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

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

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

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

.grid_55d6 {
    flex: 1;
}

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

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

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

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

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

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

.slow_6e3a {
    padding: 0.875rem 2rem;
    background: var(--primary-gradient);
    border-radius: var(--radius-md);
    color: var(--primary-bg);
    font-weight: 600;
    text-decoration: none;
    transition: var(--transition-normal);
    white-space: nowrap;
}

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

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

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

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

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

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

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

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

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

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

.soft-303a {
    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;
}

.message-smooth-551e {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-top: 1rem;
}

.header_59ad {
    font-size: 2rem;
}

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

.hero-advanced-9e37 {
    flex: 1;
}

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

.avatar-warm-c34d {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

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

.image_last_02dd {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

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

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

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

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

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

.backdrop_3157 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

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

.header-32c9 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: var(--secondary-bg);
    border-radius: var(--radius-md);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.banner-697a {
    color: var(--text-white);
    font-weight: 600;
}

.soft_6194 {
    color: var(--accent-color);
    font-weight: 600;
}

.rough-4991 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
    text-align: center;
}

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

/* Security Section */
.basic-153a {
    padding: var(--section-padding);
}

/* Benefits Section */
.dim-f943 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

/* Help Section */
.layout-7c97 {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.media_097a {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.hot-90e5 {
    margin: 3rem 0;
    display: grid;
    gap: 2rem;
}

.mini-9f9b {
    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) {
    .mini-9f9b {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.mini-9f9b .thick_77f6 {
    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;
}

.mini-9f9b .filter_stone_207d {
    flex: 1;
}

.mini-9f9b .video_fast_4946 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

.mini-9f9b .glass_9c40 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

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

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

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

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

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

/* Quick Registration Section */
.block_52f9 {
    padding: var(--section-padding);
}

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

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

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

.section-wood-d7e9:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
}

.section-wood-d7e9 .secondary_copper_a7d4 {
    font-size: 2rem;
    flex-shrink: 0;
}

.section-wood-d7e9 .module-last-f657 {
    flex: 1;
}

.section-wood-d7e9 .avatar-dim-34df {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.section-wood-d7e9 .slider_purple_4452 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

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

.preview_motion_9d68 .avatar_slow_10ce {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

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

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

.preview_motion_9d68 .avatar_slow_10ce 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;
}

.preview_motion_9d68 .avatar_slow_10ce li strong {
    color: var(--text-white);
}

.detail-bronze-2fbb {
    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);
}

.detail-bronze-2fbb p {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.detail-bronze-2fbb strong {
    color: var(--accent-color);
}

/* Security Tips Section */
.north-b4d1 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.column-be39 {
    font-size: 2rem;
}

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

.popup_fef7 {
    flex: 1;
}

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

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

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

.smooth-21c1 {
    margin-top: 3rem;
}

.grid-glass-b980 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

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

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

.disabled-e3f9 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.disabled-e3f9 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.disabled-e3f9 li strong {
    color: var(--warning-color);
}

/* Tech Stack Section */
.upper_4b65 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.button-9c16 {
    margin: 2rem 0;
}

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

.filter-7ad7 .photo_fa24 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

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

.disabled-3c1a {
    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);
}

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

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

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

/* Performance Section */
.simple-2dad {
    padding: var(--section-padding);
}

.item-a68a {
    margin: 2rem 0;
}

.progress-1cc1 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

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

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

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

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

.static_02e7 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

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

.thumbnail_fc74 {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.thumbnail_fc74.text-e0ba {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.component_upper_64c4 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.info-down-be6a {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.highlight-full-a074 {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

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

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

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

/* Update Log Section */
.copper-b6b7 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.table-fast-70be {
    margin: 2rem 0;
}

.rough-787b {
    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) {
    .rough-787b {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.rough-787b::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);
}

.info_734d {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.menu_fresh_9f4d {
    flex: 1;
}

.focused-918c {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

.primary-c0c9 li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.pagination-8f79 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 640px) {
    .pagination-8f79 {
        grid-template-columns: repeat(3, 1fr);
    }
}

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

.active-989d {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.middle_f51a {
    flex: 1;
}

.huge_e848 {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

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

.north-7849 {
    margin-top: 2rem;
    text-align: center;
}

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

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

/* Promo Highlights */
.top-04f2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

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

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

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

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

.red_25d2 .right_17c7 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.red_25d2 .tabs-mini-363b {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

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

/* Featured Promos Section */
.filter-brown-801c {
    padding: var(--section-padding);
}

.slider-9d88 .banner-017f {
    flex: 1;
}

/* Promo Calendar Section */
.carousel-light-f17b {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.secondary_7a1c {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.motion-45c4 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

.medium-4c5a {
    color: var(--accent-color);
    font-weight: 600;
    font-size: 0.875rem;
}

.item_copper_e6df {
    color: var(--text-white);
    font-size: 0.9375rem;
}

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

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

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

/* Requirements Section */
.list-1225 {
    padding: var(--section-padding);
}

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

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

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

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

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

.list_f057 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.status_lower_c2da {
    margin-top: 3rem;
}

.status_lower_c2da .grid-glass-b980 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.status_lower_c2da .popup_de2d {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.status_lower_c2da .disabled-e3f9 {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.status_lower_c2da .disabled-e3f9 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.status_lower_c2da .disabled-e3f9 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.status_lower_c2da .disabled-e3f9 li strong {
    color: var(--warning-color);
}

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

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

/* Winners Hall Section */
.hover_156a {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.summary-edc2 .photo_fa24 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.avatar-f70f {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.huge-1a58 {
    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);
}

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

.gas-9f02 {
    font-size: 2rem;
    flex-shrink: 0;
}

.medium-fc6c {
    flex: 1;
}

.avatar-c60c {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.25rem;
    font-size: 1.125rem;
}

.short-f1dd {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.input-f5a5 {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

.mask-under-6385 {
    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);
}

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

.steel-649e strong {
    color: var(--accent-color);
}

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.tall-227e { 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; }
.warm_6905, .row_ea70 { max-width:100%; height:auto; }

.list_inner_bec7, .pattern_e053, .lower-1e65 { white-space:normal; }

.medium-943b,
.dropdown-bronze-f564,
.title-hovered-0dbc,
.top-04f2,
.primary_lite_11e5,
.detail-steel-9ac6 {
  flex-wrap:wrap;
}

[class*="grid"],
.detail_b3a1,
.progress-1cc1,
.notification_small_a304 {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.column_fd9e img,
.dropdown-bronze-f564 img,
.pro-d4e8 img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.texture-dim-0063, .header_f062,
.new-7489, .modal-2934 {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.label_30a0 { width:100%; overflow-x:auto; }
.label_30a0 table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.wrapper_east_965b {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .wrapper_east_965b {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.dim_a668 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.surface-dirty-8ee0,
.container_22e3,
.lite_c22a,
.button-0077,
.content_d643,
.detail_b3a1,
.progress-1cc1,
.notification_small_a304,
.row-focused-524d,
.block-under-8113,
.wrapper_east_965b {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .surface-dirty-8ee0,
  .container_22e3,
  .lite_c22a,
  .button-0077,
  .content_d643,
  .detail_b3a1,
  .progress-1cc1,
  .notification_small_a304,
  .row-focused-524d,
  .block-under-8113,
  .wrapper_east_965b {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.popup_hard_35ac,
.dynamic_e8e6,
.brown-fca7,
.gas-c2ae,
.text_dim_19a6,
.video_13b1,
.huge_ab3d,
.dim_a668 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.wood_042e,
.container_9e17,
.mask_south_6429 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.wood_042e > *,
.container_9e17 > *,
.mask_south_6429 > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: 7ef4 */
.phantom-card-a3 {
  padding: 0.3rem;
  font-size: 14px;
  line-height: 1.1;
}