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

.backdrop-action-1cbd {
    background: var(--hero-gradient);
    min-height: 100vh;
}

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

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

@media (min-width: 1024px) {
    .aside-e4bd {
        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 */
.light_4a6c {
    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);
}

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .hover-rough-b978 {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .preview_ed8b {
        grid-column: 1;
    }
    
    .highlight_4dab {
        grid-column: 2;
    }
    
    .footer-south-67e4 {
        grid-column: 3;
    }
}

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

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

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

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

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

.cold-319d {
    position: relative;
}

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

.cold-319d .surface_fluid_94eb {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

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

.selected-82a3 {
    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;
}

.selected-82a3:hover,
.selected-82a3.fn-active-f5f8 {
    color: var(--accent-light);
    background: var(--tertiary-bg);
    box-shadow: var(--shadow-glow);
}

/* Header Actions */
.article-7fd3 {
    display: none;
    gap: 0.75rem;
}

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

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

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


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

.item-75a4::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 */
.footer-south-67e4 {
    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) {
    .footer-south-67e4 {
        display: none;
    }
}

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

.footer-south-67e4.fn-active-f5f8 span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.footer-south-67e4.fn-active-f5f8 span:nth-child(2) {
    opacity: 0;
}

.footer-south-67e4.fn-active-f5f8 span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

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

.stale_c3b8.fn-active-f5f8 {
    display: block;
    max-height: 500px;
}

/* Prevent body scroll when menu is open */
body.static-0e94 {
    overflow: hidden;
}

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

.column-orange-3b44 {
    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;
}

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


/* 移动端注册按钮动画效果 */
.column-orange-3b44.summary-c155 {
    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;
}

.column-orange-3b44.summary-c155::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 */
.link-72e0 {
    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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-3c93 {
    font-size: 1em;
    font-weight: 700;
}

.media-down-2aff {
    font-size: 0.875em;
    opacity: 0.9;
    font-weight: 500;
}

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

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

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

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

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

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

.silver-2f54 {
    margin-bottom: 2rem;
}

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

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

.video-9ae8 {
    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);
}

.alert-purple-d147 {
    font-size: 1.5rem;
}

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

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

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

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

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

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

.menu-copper-19bc {
    margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

/* Payment Methods */
.wrapper-67dd {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.orange_43bd {
    list-style: none;
}

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

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

/* Games Features */
.menu-46ba {
    display: grid;
    gap: 2rem;
    margin: 2rem 0;
}

.focus-4ae9 {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

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

.box-lower-ae3c {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.status-2ef7 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.nav-light-43e1 {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
    color: var(--primary-bg);
}

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

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

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

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

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

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

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

.container-simple-187e {
    font-size: 1.5rem;
}

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

.middle_116f {
    list-style: none;
}

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

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

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

.icon-narrow-af63 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

.backdrop-695f {
    font-size: 1.25rem;
}

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

/* Statistics */
.frame_a073,
.heading_37e5 {
    text-align: center;
    margin: 2rem 0;
}

.feature_thick_b176,
.paper_6919 {
    font-size: 1.125rem;
    color: var(--accent-color);
    font-weight: 600;
}

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

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

.filter-5d69::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;
}

.hidden-59a1 {
    position: relative;
    z-index: 1;
}

.lite_d5da {
    margin-bottom: 1rem;
}

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

.gas-4fa8 {
    margin-bottom: 3rem;
}

.button-f053 {
    margin-top: 3rem;
}

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

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

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

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

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

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

.section-057c {
    display: grid;
    gap: 2rem;
    padding: 3rem 0 2rem;
}

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

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

.picture-80a4 {
    margin-bottom: 1rem;
}

.aside-glass-17cb img {
    margin-bottom: 1rem;
}

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

.focus-active-54d5 {
    color: var(--accent-color);
    font-size: 1.125rem;
    margin-bottom: 1rem;
}

.lower-cc19 {
    list-style: none;
}

.lower-cc19 li {
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

.widget-4fc8 p {
    margin-bottom: 0.25rem;
}

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

.slider-green-beef {
    text-align: center;
}

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

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

.preview-fast-c06b {
    font-size: 0.75rem !important;
}

.caption-cold-95ec {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

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

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

.filter_white_ec88 {
    animation: pulse 2s infinite;
}

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

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

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

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

.paragraph-62e4 {
    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);
}

.paragraph-62e4 .logo_2f17 {
    font-size: 1.25rem;
}

.paragraph-62e4 .logo_b853 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

.fast-d9b2 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

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

.progress_action_0f82 .box-lower-ae3c {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.progress_action_0f82 .status-2ef7 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

.widget-78b7 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

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

.widget-78b7 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);
}

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

.widget-78b7 input::placeholder {
    color: var(--text-muted);
}

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

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

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

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

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

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

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

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

.thick-c699 .backdrop-695f {
    font-size: 1.25rem;
}

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

.notification-afd8 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.info-36f5 {
    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);
}

.info-36f5 .logo_2f17 {
    font-size: 2rem;
    flex-shrink: 0;
}

.info-36f5 .box-lower-ae3c {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.info-36f5 .status-2ef7 {
    color: var(--text-gray);
    line-height: 1.6;
}

.heading-pressed-2848 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.card-1bc2 .left-c406 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.card-1bc2 .blue_a584 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

.dirty-e9d3 {
    flex: 1;
}

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

.menu-wide-8d44 {
    color: var(--text-gray);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

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

.fast-7f04:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

.mask-469c {
    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);
}

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

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

.table-huge-c808 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

.article-d386 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.pattern-east-be68 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.primary-1946 .green-0c97 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.primary-1946 .header_in_7683 {
    color: var(--text-gray);
    line-height: 1.6;
}

.accordion-gold-11eb {
    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);
}

.avatar-935d {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.chip_dee8 .box-lower-ae3c {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.chip_dee8 .status-2ef7 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

.nav-light-43e1 {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 0.875rem;
}

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

.modal-f9e2 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.filter-silver-b729 {
    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);
}

.outline-pink-f56c {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-pink-1e91 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

.motion-eda3 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

.avatar-935d {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.chip_dee8 .box-lower-ae3c {
    color: var(--success-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.chip_dee8 .status-2ef7 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.cold-52db {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

.upper-a235 {
    padding: 1.5rem;
}

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

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

.background-c2ad 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;
}

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

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

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

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

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

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

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

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

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

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

.modal-4ca9 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

.image-paper-5553 {
    text-align: center;
}

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

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

.table-29eb {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.sort_d1de .box-lower-ae3c {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.sort_d1de .status-2ef7 {
    color: var(--text-gray);
    line-height: 1.6;
}

.slider-advanced-00f8 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

.highlight_d03f {
    padding: 1.5rem;
}

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

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

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

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

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

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

.widget-glass-57a4 {
    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);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rough_c26e {
    font-size: 1rem;
}

.logo-action-931c {
    padding: 1.5rem;
}

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

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

.mask-db3c .image-paper-5553 {
    text-align: center;
}

.mask-db3c .thick-c799 {
    color: var(--text-muted);
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.25rem;
}

.mask-db3c .container-edb2 {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

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

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

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

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

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

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

.filter-cool-0ea9 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

.warm-ff2f {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.main-1c25 {
    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);
}

.nav-blue-f002 {
    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;
}

.nav-blue-f002.fluid-98bc {
    background: linear-gradient(135deg, #cd7f32, #a0522d);
    color: white;
}

.nav-blue-f002.solid_c753 {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

.nav-blue-f002.modal-dirty-35ca {
    background: linear-gradient(135deg, #ffd700, #ffb347);
    color: #0f172a;
}

.nav-blue-f002.secondary-motion-6a83 {
    background: linear-gradient(135deg, #e5e4e2, #b8b8b8);
    color: #0f172a;
}

.nav-blue-f002.tag-advanced-b733 {
    background: linear-gradient(135deg, #b9f2ff, #00bfff);
    color: #0f172a;
}

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

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

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

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

.heading-pressed-2848 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.heading-pressed-2848 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;
}

.heading-pressed-2848 li:last-child {
    border-bottom: none;
}

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

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

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

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

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

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

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

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

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

.logo_b9fd.section_4322 .orange-48e9 {
    background: rgba(6, 182, 212, 0.1);
}

.text-7c55 {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 0.5rem;
}

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

.logo_b9fd.section_4322 .accent-4c00 {
    color: var(--info-color);
}

.panel-876d {
    padding: 1.5rem;
    text-align: center;
}

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

.logo_b9fd.section_4322 .primary_d9f0 {
    color: var(--info-color);
}

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

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

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

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

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

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

.info-36f5 {
    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);
}

.backdrop-695f {
    font-size: 2rem;
    flex-shrink: 0;
}

.sort-inner-606d {
    flex: 1;
}

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

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

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

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

.widget-out-feae {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

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

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

.picture-plasma-e1a7 .image-paper-5553 {
    text-align: center;
}

.picture-plasma-e1a7 .info-317b {
    font-size: 2rem;
    font-weight: 900;
    color: var(--info-color);
    margin-bottom: 0.5rem;
}

.picture-plasma-e1a7 .thick-c799 {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

.tiny-5208 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.icon-5bc4 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.copper_4464.component-7432 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
}

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

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

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

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

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

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

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

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

.hard_d72a {
    text-align: center;
}

.hard_d72a .info-317b {
    font-size: 2rem;
    font-weight: 900;
    color: var(--success-color);
    margin-bottom: 0.5rem;
}

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

/* Utility Classes */
.next-1a3a { text-align: center; }
.easy-d0d1 { text-align: left; }
.purple-2630 { text-align: right; }

.media-014f { margin-bottom: 0; }
.thumbnail_east_b16b { margin-bottom: 0.5rem; }
.description_1bf6 { margin-bottom: 1rem; }
.background-brown-d44d { margin-bottom: 1.5rem; }
.secondary_fb4c { margin-bottom: 2rem; }

.full-4e3a { margin-top: 0; }
.upper-99c5 { margin-top: 0.5rem; }
.stale_89ec { margin-top: 1rem; }
.white_9e3e { margin-top: 1.5rem; }
.lite_4b58 { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .label-d749 {
        padding: 6rem 0 3rem;
    }
    
    .item_gas_9247 {
        text-align: center;
    }
    
    .modal-e570 {
        text-align: center;
    }
    
    .bright_a7e7 {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .light_4a6c,
    .stale_c3b8,
    .filter-5d69,
    .label_pressed_d161 {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .label-d749 {
        background: none;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

/* Reviews Section */
.background-c5f6 {
    padding: var(--section-padding);
}

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

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

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

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

.over-511a {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.green-8827 {
    display: flex;
    flex-direction: column;
}

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

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

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

.element_thick_657e {
    font-size: 1.25rem;
}

.footer_1a1e {
    margin-bottom: 1rem;
}

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

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

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

.image-paper-5553 {
    text-align: center;
}

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

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

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

.component-dirty-c7be {
    margin: 2rem 0;
}

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

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

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

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

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

.pagination-4ddc {
    font-size: 2rem;
}

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

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

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

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

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

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

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

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

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

.hard-e5df .info-317b {
    font-size: 3rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    display: block;
}

.hard-e5df .thick-c799 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.75rem;
    display: block;
}

.hard-e5df .dropdown-out-660d {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin: 0;
}

.inner_7515 {
    margin-top: 4rem;
}

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

.lower-aca1 {
    overflow-x: auto;
}

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

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

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

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

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

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

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

.focus-action-d488 {
    max-width: 900px;
    margin: 0 auto;
}

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

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

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

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

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

.small_268a.fn-active-f5f8 .breadcrumb_418a {
    transform: rotate(45deg);
}

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

.small_268a.fn-active-f5f8 .slider_inner_fadb {
    max-height: 1000px;
}

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

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

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

/* System Requirements Section */
.media-fast-1d1d {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

.brown_6266 {
    font-size: 2rem;
}

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

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

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

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

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

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

.info_6935 {
    margin-top: 3rem;
}

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

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

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

.preview-slow-cf32 {
    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);
}

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

.preview-slow-cf32 p {
    color: var(--text-gray);
    margin: 0;
}

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

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

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

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

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

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

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

.liquid_2d67 {
    flex: 1;
}

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

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

.filter-pressed-88e3 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.dark-f07a:last-child {
    border-bottom: none;
}

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

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

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

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

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

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

.blue-97db, .form_current_a3f4, .heading-hard-31ce {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

.heading-hard-31ce {
    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 */
.gallery_active_ad60 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.pink_f108 {
    margin: 2rem 0;
}

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

.main-motion-71f5 {
    color: var(--accent-color);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.module-stone-dfee {
    list-style: none;
    padding: 0;
}

.module-stone-dfee 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;
}

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

.module-stone-dfee li:last-child {
    border-bottom: none;
}

.element-warm-b513 {
    text-align: center;
    margin-top: 2rem;
}

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

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

.pagination_stone_85a6 {
    margin: 2rem 0;
}

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

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

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

.tertiary-easy-0ba6 {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

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

.selected_7dd1 {
    flex: 1;
}

.mask-gas-8af3 {
    color: var(--text-white);
    margin: 0 0 0.25rem 0;
    font-weight: 600;
}

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

.south-2eb9 {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    white-space: nowrap;
}

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

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

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

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

.block-solid-8561 .info-317b {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.block-solid-8561 .thick-c799 {
    color: var(--text-gray);
    font-size: 1rem;
}

.avatar-tiny-39b3 {
    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);
}

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

.feature-822b strong {
    color: var(--accent-color);
}

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

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

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

.nav_basic_3490 {
    margin-bottom: 1.5rem;
}

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

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

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

.logo-fluid-7b7b {
    width: 100%;
    margin-top: 1rem;
}

.dropdown-purple-3d19 {
    display: flex;
    align-items: center;
}

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

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

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

.box-3ee4 {
    color: var(--text-gray);
}

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

.pattern-hard-1bb3 {
    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);
}

.pattern-hard-1bb3 p {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.875rem;
}

.accent_light_eb47 {
    margin-top: 3rem;
}

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

/* Live Stats Section */
.narrow-3dfe {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

.sidebar-16f9 {
    margin: 2rem 0;
}

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

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

.lower-7213:hover, .lower-7213.fn-active-f5f8 {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.status-black-8c3c {
    display: none;
}

.status-black-8c3c.fn-active-f5f8 {
    display: block;
}

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

.dropdown-east-257d {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

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

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

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

.pressed-5b5d {
    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 */
.highlight-cdcb {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

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

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

.up-31c4.message_lower_85db {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.up-31c4.aside-down-c4bd {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

.up-31c4.nav_pink_821c {
    background: rgba(239, 68, 68, 0.2);
    color: var(--danger-color);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.row-purple-b095 {
    margin-top: 2rem;
}

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

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

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

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

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

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

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

.wrapper-2dce {
    margin: 2rem 0;
}

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

.background-advanced-1244 {
    color: var(--warning-color);
    margin-bottom: 1rem;
}

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

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

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

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

.pagination-wide-ffad {
    margin: 2rem 0;
}

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

.background-smooth-f9fa {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

.smooth-2f30 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

.grid_dim_35ce {
    margin-top: 2rem;
}

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

.paragraph-eff3 {
    list-style: none;
    padding: 0;
}

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

.filter-fluid-e81f a {
    color: var(--accent-color);
    text-decoration: none;
}

.filter-fluid-e81f a:hover {
    text-decoration: underline;
}

.current_e72a {
    margin-top: 1.5rem;
    padding: 1rem;
    background: rgba(16, 185, 129, 0.1);
    border-radius: var(--radius-md);
    color: var(--text-gray);
    border-left: 4px solid var(--success-color);
}

/* League Coverage Section */
.mask-down-f714 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.notice_a0cf {
    margin: 2rem 0;
}

.primary-d931 {
    margin-bottom: 3rem;
}

.primary-d931 .main-motion-71f5 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

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

.button-smooth-24d7 {
    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);
}

.button-smooth-24d7:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

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

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

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

/* Odds Comparison Section */
.logo_ef23 {
    padding: var(--section-padding);
}

.medium-5e49 {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

.active_5447 .logo_2f17 {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

.active_5447 .box-lower-ae3c {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.avatar-lower-3c60 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

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

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

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

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

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

.heading-mini-5efb {
    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;
}

.frame-center-86c0 {
    color: var(--text-muted);
    font-size: 0.875rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Football Leagues Section */
.motion-eda3 {
    margin: 2rem 0;
}

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

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

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

.thick-774d {
    flex: 1;
}

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

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

/* Live Features Section */
.avatar-935d {
    margin: 2rem 0;
}

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

.chip_dee8 .box-lower-ae3c {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

.chip_dee8 .status-2ef7 {
    color: var(--text-gray);
    margin: 0;
}

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

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

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

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

.outline-pink-f56c {
    flex: 1;
}

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

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

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

.menu-complex-d682 {
    flex: 1;
}

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

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

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

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

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

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

.gas_407a {
    margin-top: 2rem;
}

.gas_407a .frame-0706 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

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

.table-29eb {
    margin: 2rem 0;
}

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

.highlight_d03f {
    margin-top: 1rem;
}

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

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

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

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

.box_slow_bb2e {
    margin: 2rem 0;
}

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

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

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

.hover_a835 {
    margin: 2rem 0;
}

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

.message-fixed-afde .main-motion-71f5 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

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

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

.heading-large-b70f {
    color: var(--text-white);
    font-weight: 600;
}

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

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

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

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

.message-stone-4402 {
    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;
}

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

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

.short_f8e6 .slider-ac68 {
    font-size: 2rem;
    flex-shrink: 0;
}

.short_f8e6 .filter-huge-8114 {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

.accent_motion_c4fd {
    flex: 1;
}

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

.video-69e1 {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

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

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

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

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

/* Slots Section */
.breadcrumb-rough-1347 {
    padding: var(--section-padding);
}

.article-d386 {
    margin: 2rem 0;
}

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

.pattern-east-be68 {
    margin: 2rem 0;
}

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

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

.primary-1946 .green-0c97 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.primary-1946 .header_in_7683 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

.accordion-gold-11eb {
    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);
}

.accordion-gold-11eb .feature_thick_b176 {
    color: var(--text-gray);
    margin: 0;
    text-align: center;
    font-size: 1.125rem;
}

/* Filters Section */
.block-short-1c21 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.paragraph-6c68 {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

.soft-51c6 strong {
    color: var(--accent-color);
}

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

.form-hovered-0e43 {
    margin: 2rem 0;
}

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

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

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

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

.narrow-793b {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.title-down-95fd {
    font-size: 2rem;
}

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

.detail-dim-2886 {
    flex: 1;
}

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

.container-yellow-4e2c {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

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

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

.text-279a {
    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;
}

.lite-3f35 {
    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;
}

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

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

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

.dropdown-under-51f8 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
    .dropdown-under-51f8 {
        grid-template-columns: repeat(3, 1fr);
    }
}

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

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

.filter_large_954c {
    color: var(--accent-color);
    font-weight: 600;
}

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

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

/* Security Section */
.active-0c6a {
    padding: var(--section-padding);
}

/* Benefits Section */
.input-left-fd84 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

/* Help Section */
.secondary-light-b9ed {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.menu_af60 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.top-4262 {
    margin: 3rem 0;
    display: grid;
    gap: 2rem;
}

.button-pink-b0d5 {
    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) {
    .button-pink-b0d5 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.button-pink-b0d5 .solid_d55b {
    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;
}

.button-pink-b0d5 .menu-complex-d682 {
    flex: 1;
}

.button-pink-b0d5 .thumbnail_a486 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

.button-pink-b0d5 .highlight_pro_a1e7 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

.easy-a5ed .icon-narrow-af63 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.easy-a5ed .notification-afd8 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.easy-a5ed .notification-afd8 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
}

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

.feature-right-931d {
    text-align: center;
    margin-top: 2rem;
}

/* Quick Registration Section */
.wide-0436 {
    padding: var(--section-padding);
}

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

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

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

.yellow-1a63:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
}

.yellow-1a63 .layout_9c78 {
    font-size: 2rem;
    flex-shrink: 0;
}

.yellow-1a63 .small_b3d7 {
    flex: 1;
}

.yellow-1a63 .left-c406 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.yellow-1a63 .liquid-f523 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

.image-b973 .fresh-9752 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.image-b973 .soft-1cab {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

.image-b973 .soft-1cab 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);
}

.image-b973 .soft-1cab li:last-child {
    border-bottom: none;
}

.image-b973 .soft-1cab 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;
}

.image-b973 .soft-1cab li strong {
    color: var(--text-white);
}

.detail-f713 {
    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-f713 p {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

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

/* Security Tips Section */
.overlay-complex-699d {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.accordion_2580 {
    font-size: 2rem;
}

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

.carousel_bronze_a94d {
    flex: 1;
}

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

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

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

.icon_9f64 {
    margin-top: 3rem;
}

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

.background-advanced-1244 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

.preview_3af4 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

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

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

/* Tech Stack Section */
.complex_a06a {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.progress-4b3a {
    margin: 2rem 0;
}

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

.dirty_4144 .main-motion-71f5 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.module-6d98 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

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

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

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

/* Performance Section */
.aside-dim-0b57 {
    padding: var(--section-padding);
}

.section-inner-4eca {
    margin: 2rem 0;
}

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

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

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

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

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

.picture-72cd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

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

.preview-complex-f33d {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.preview-complex-f33d.menu-cold-19bb {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.alert-dirty-20bc {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.border_large_559f {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.outer_cce4 {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

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

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

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

/* Update Log Section */
.slow-8949 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.title-up-6588 {
    margin: 2rem 0;
}

.dim-5465 {
    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) {
    .dim-5465 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

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

.warm-031b {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.input-3c0c {
    flex: 1;
}

.sort-8d22 {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

.lite_4314 li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

.frame_glass_ffb0 {
    flex: 1;
}

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

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

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

.link-in-396c {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.link-in-396c strong {
    color: var(--accent-color);
}

/* Promo Highlights */
.thumbnail-action-c193 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

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

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

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

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

.nav_243d .form_liquid_8b67 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.nav_243d .component_wide_35f1 {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

.nav_243d .carousel-a330 {
    color: var(--accent-color);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Featured Promos Section */
.panel_df46 {
    padding: var(--section-padding);
}

.bottom_036c .hero-214e {
    flex: 1;
}

/* Promo Calendar Section */
.input_191e {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.detail_medium_1bef {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.overlay-66de {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

.thick-9b37 {
    color: var(--text-white);
    font-size: 0.9375rem;
}

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

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

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

/* Requirements Section */
.fixed-1d75 {
    padding: var(--section-padding);
}

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

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

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

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

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

.popup_pink_c17c li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.container_de72 {
    margin-top: 3rem;
}

.container_de72 .accent_7b39 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.container_de72 .background-advanced-1244 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.container_de72 .preview_3af4 {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.container_de72 .preview_3af4 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.container_de72 .preview_3af4 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.container_de72 .preview_3af4 li strong {
    color: var(--warning-color);
}

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

.chip-cool-b680 strong {
    color: var(--accent-color);
}

/* Winners Hall Section */
.hero-33f8 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.thumbnail_4cd1 .main-motion-71f5 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.accordion_295a {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

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

.shadow-up-9487 {
    flex: 1;
}

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

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

.south-0be2 {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.aside-e4bd { 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; }
.hero_8582, .stale-0866 { max-width:100%; height:auto; }

.link-72e0, .banner-835e, .hot-2051 { white-space:normal; }

.item_gas_9247,
.modal-e570,
.fixed_5174,
.thumbnail-action-c193,
.avatar-935d,
.carousel_1a93 {
  flex-wrap:wrap;
}

[class*="grid"],
.video-fluid-b9ad,
.tabs_089a,
.container_142d {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.label-d749 img,
.modal-e570 img,
.orange_d887 img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.green_c710, .icon-lite-1b34,
.menu-copper-19bc, .carousel_next_e623 {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.lower-aca1 { width:100%; overflow-x:auto; }
.lower-aca1 table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.label_static_b29e {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .label_static_b29e {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.focus_fresh_9d56 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.black_69fd,
.accent_basic_b466,
.cold-4236,
.dropdown_f26f,
.form_658e,
.video-fluid-b9ad,
.tabs_089a,
.container_142d,
.shade_49c8,
.form-hovered-0e43,
.label_static_b29e {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .black_69fd,
  .accent_basic_b466,
  .cold-4236,
  .dropdown_f26f,
  .form_658e,
  .video-fluid-b9ad,
  .tabs_089a,
  .container_142d,
  .shade_49c8,
  .form-hovered-0e43,
  .label_static_b29e {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.hard-e5df,
.block-solid-8561,
.module_under_e323,
.video-9ae8,
.slider_over_623e,
.hard_d72a,
.chip_fast_e040,
.focus_fresh_9d56 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.layout_e636,
.slider_cold_7f7a,
.rough-0c5d {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.layout_e636 > *,
.slider_cold_7f7a > *,
.rough-0c5d > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: 8d88 */
.ghost-box-h5 {
  padding: 0.3rem;
  font-size: 10px;
  line-height: 1.1;
}