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

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

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

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

@media (min-width: 1024px) {
    .over_7ad2 {
        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 */
.list-3045 {
    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);
}

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .dim-a4d0 {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .tag_6c88 {
        grid-column: 1;
    }
    
    .pattern-static-d52f {
        grid-column: 2;
    }
    
    .detail-pressed-c4e6 {
        grid-column: 3;
    }
}

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

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

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

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

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

.video-small-fd78 {
    position: relative;
}

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

.video-small-fd78 .inner-6cf0 {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

.inner-6cf0 {
    display: flex;
    list-style: none;
    gap: 1.5rem;
}

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

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

/* Header Actions */
.picture-9f11 {
    display: none;
    gap: 0.75rem;
}

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

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

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


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

.advanced_8cf3::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 */
.detail-pressed-c4e6 {
    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) {
    .detail-pressed-c4e6 {
        display: none;
    }
}

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

.detail-pressed-c4e6.fn-active-fb7c span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.detail-pressed-c4e6.fn-active-fb7c span:nth-child(2) {
    opacity: 0;
}

.detail-pressed-c4e6.fn-active-fb7c span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

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

.logo-cf4b.fn-active-fb7c {
    display: block;
    max-height: 500px;
}

/* Prevent body scroll when menu is open */
body.container-89a2 {
    overflow: hidden;
}

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

.description-outer-9259 {
    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;
}

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


/* 移动端注册按钮动画效果 */
.description-outer-9259.gradient_short_e527 {
    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;
}

.description-outer-9259.gradient_short_e527::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 */
.box-c094 {
    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;
}

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

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

.secondary-wide-30ad {
    background: transparent;
    color: var(--accent-color);
    border: 2px solid var(--accent-color);
}

.secondary-wide-30ad:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

.fixed-5e26 {
    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;
}

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

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

.breadcrumb-tall-52c6 {
    background: var(--secondary-bg);
    color: var(--accent-color);
    border: 1px solid var(--accent-color);
}

.breadcrumb-tall-52c6:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

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

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

.fixed-84c0 {
    font-size: 1em;
    font-weight: 700;
}

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

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

.list-cool-a97f::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;
}

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

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

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

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

.paper_be9e {
    margin-bottom: 2rem;
}

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

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

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

.down-78f7 {
    font-size: 1.5rem;
}

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

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

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

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

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

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

.panel-dark-2168 {
    margin-bottom: 1rem;
}

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

.panel-490e {
    display: grid;
    gap: 3rem;
    align-items: center;
}

@media (min-width: 1024px) {
    .panel-490e {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
    
    .panel-490e.block-iron-95bc {
        direction: rtl;
    }
    
    .panel-490e.block-iron-95bc > * {
        direction: ltr;
    }
}

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

.media-27d3:first-child {
    margin-top: 0;
}

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

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

.footer-south-25a9:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-xl);
}

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

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

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

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

.accent_bright_1349 {
    list-style: none;
}

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

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

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

.motion-316d {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

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

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

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

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

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

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

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

.middle-3d11 {
    font-size: 1.125rem;
    font-weight: 600;
}

/* VIP Tiers */
.section-dirty-d515 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

.image-mini-6eb6 {
    font-size: 1.5rem;
}

.rough-1ec2 {
    color: var(--accent-color);
    margin: 0;
}

.west_4acb {
    list-style: none;
}

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

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

/* Security Features */
.layout-f321 {
    margin: 2rem 0;
}

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

.nav-top-9b44 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

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

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

.detail_soft_ea1b {
    font-size: 1.25rem;
}

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

/* Statistics */
.texture-down-bd89,
.item-pink-b661 {
    text-align: center;
    margin: 2rem 0;
}

.gallery-5439,
.gallery_blue_7e53 {
    font-size: 1.125rem;
    color: var(--accent-color);
    font-weight: 600;
}

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

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

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

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

.gradient_fast_e772 {
    margin-bottom: 1rem;
}

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

.breadcrumb_large_c189 {
    margin-bottom: 3rem;
}

.accordion_large_068d {
    margin-top: 3rem;
}

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

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

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

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

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

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

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

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

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

.video_south_ff62 {
    margin-bottom: 1rem;
}

.outline-de1a img {
    margin-bottom: 1rem;
}

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

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

.video_wide_0146 {
    list-style: none;
}

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

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

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

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

.slider-plasma-50e4 {
    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);
}

.slider-plasma-50e4:hover {
    background: var(--accent-color);
    transform: translateY(-2px);
}

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

.gold-0f5e p {
    margin-bottom: 0.25rem;
}

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

.avatar-3a53 {
    text-align: center;
}

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

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

.background-stale-44f0 {
    font-size: 0.75rem !important;
}

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

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

.brown-8cca {
    animation: fadeInUp 0.6s ease-out;
}

.hot_1f36 {
    animation: pulse 2s infinite;
}

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

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

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

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

.icon-0d41 {
    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);
}

.icon-0d41 .dark_52df {
    font-size: 1.25rem;
}

.icon-0d41 .carousel_fresh_0d70 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

.easy-2213 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

.nav-dark-3aee {
    color: var(--accent-color);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.aside-left-7a77 {
    color: var(--text-gray);
    line-height: 1.6;
}

.tall-6328 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

.section-current-65bf {
    display: flex;
    justify-content: center;
    margin: 3rem 0;
}

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

.section-current-65bf img:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-glow);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.grid_04a7 .detail_soft_ea1b {
    font-size: 1.25rem;
}

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

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

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

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

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

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

.dirty-888a {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.soft-4f7c .element-in-df19 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.soft-4f7c .media_iron_f27a {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.plasma-b84d {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

.disabled_middle_509d {
    flex: 1;
}

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

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

.action-2f3b {
    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);
}

.action-2f3b:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

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

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

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

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

.box-rough-211d {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

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

.tertiary-caec {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.overlay-68e9 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.top_57cc .liquid-5eec {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.top_57cc .media-silver-222a {
    color: var(--text-gray);
    line-height: 1.6;
}

.main-pink-084a {
    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);
}

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

.alert-5ec1 {
    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);
}

.alert-5ec1 .dark_52df {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.alert-5ec1 .backdrop_yellow_617e {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

.link-wide-3311 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

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

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

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

.layout-dim-0cc7 {
    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);
}

.search-a368 {
    flex: 1;
}

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

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

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

.column-lower-a706 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.hot-6aaa .element-in-df19 {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

.item-pink-b661 {
    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);
}

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

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

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

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

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

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

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

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

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

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

.section-6099 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

.alert-5ec1 .title_f6c4 {
    color: var(--success-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.alert-5ec1 .backdrop_yellow_617e {
    color: var(--text-gray);
    line-height: 1.6;
}

.brown-27f5 {
    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);
}

.mask-plasma-7f93 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

.tabs-west-8f76 {
    color: var(--accent-color);
    margin: 0;
    font-size: 1.25rem;
}

.content_f526 {
    padding: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hover-3f96 {
    font-size: 2rem;
    flex-shrink: 0;
}

.highlight-last-0ca8 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.motion-4da9 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.heading-static-e010 {
    text-align: center;
}

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

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

.detail-next-8ab8 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

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

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

.description_08cb {
    padding: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

.nav-dark-3aee {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.aside-left-7a77 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

.detail-smooth-0f7d {
    color: var(--text-gray);
    line-height: 1.6;
    margin-bottom: 1rem;
}

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

.solid_1237 .red-3638 {
    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;
}

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

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

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

.outer-e873 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;
}

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

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

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

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

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

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

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

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

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

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

.image_easy_d3a6 {
    font-size: 1rem;
}

.title-96b3 {
    padding: 1.5rem;
}

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

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

.over_7ff9 .heading-static-e010 {
    text-align: center;
}

.over_7ff9 .video-under-f281 {
    color: var(--text-muted);
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.feature-cold-c817 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.thumbnail_f758.action_da6e {
    background: linear-gradient(135deg, #cd7f32, #a0522d);
    color: white;
}

.thumbnail_f758.wrapper-action-de93 {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

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

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

.thumbnail_f758.selected-619a {
    background: linear-gradient(135deg, #b9f2ff, #00bfff);
    color: #0f172a;
}

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

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

.logo-035d {
    margin: 2rem 0;
    padding: 2rem;
    background: rgba(6, 182, 212, 0.05);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
}

.mask-right-2b16 {
    color: var(--info-color);
    margin-bottom: 1rem;
    font-size: 1.125rem;
}

.dirty-888a {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dirty-888a 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;
}

.dirty-888a li:last-child {
    border-bottom: none;
}

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

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

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

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

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

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

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

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

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

.highlight_8886.sort_bfc0 .info_31e0 {
    background: rgba(6, 182, 212, 0.1);
}

.status-full-5413 {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 0.5rem;
}

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

.highlight_8886.sort_bfc0 .column_ffb1 {
    color: var(--info-color);
}

.tabs-55b5 {
    padding: 1.5rem;
    text-align: center;
}

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

.highlight_8886.sort_bfc0 .solid-c837 {
    color: var(--info-color);
}

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

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

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

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

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

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

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

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

.overlay-f36d {
    flex: 1;
}

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

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

.text-old-fc55 {
    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);
}

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

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

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

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

.link-full-fcf0 .heading-static-e010 {
    text-align: center;
}

.link-full-fcf0 .header-b4a8 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--info-color);
    margin-bottom: 0.5rem;
}

.link-full-fcf0 .video-under-f281 {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

.main-cold-a2be {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

.content-9852 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

.thumbnail-next-3bed {
    color: var(--accent-color);
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
}

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

.grid_green_b8c6.picture-hovered-62cb {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

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

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

.stone-346b {
    padding: 1.5rem;
    text-align: center;
}

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

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

.thumbnail-orange-bff1 .tooltip-221a {
    color: var(--text-gray);
    font-size: 0.875rem;
    text-align: left;
}

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

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

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

.cold-d1b8 {
    text-align: center;
}

.cold-d1b8 .header-b4a8 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--success-color);
    margin-bottom: 0.5rem;
}

.cold-d1b8 .video-under-f281 {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Utility Classes */
.accordion_8914 { text-align: center; }
.smooth-c289 { text-align: left; }
.button_6e02 { text-align: right; }

.texture_2b4c { margin-bottom: 0; }
.title_493e { margin-bottom: 0.5rem; }
.list-f551 { margin-bottom: 1rem; }
.hard_2d04 { margin-bottom: 1.5rem; }
.form_mini_a084 { margin-bottom: 2rem; }

.upper_6410 { margin-top: 0; }
.input_copper_1bb7 { margin-top: 0.5rem; }
.surface-paper-4efc { margin-top: 1rem; }
.secondary_87cc { margin-top: 1.5rem; }
.element_688c { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .list-cool-a97f {
        padding: 6rem 0 3rem;
    }
    
    .current-20cb {
        text-align: center;
    }
    
    .panel-490e {
        text-align: center;
    }
    
    .thumbnail_6404 {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .list-3045,
    .logo-cf4b,
    .bright-f694,
    .first_5a46 {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .list-cool-a97f {
        background: none;
    }
}

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

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

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

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

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

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

.background-upper-976d {
    color: var(--accent-color);
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

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

.highlight-f6a3 {
    list-style: none;
    padding: 0;
}

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

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

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

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

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

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

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

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

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

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

.primary-blue-6064 {
    display: flex;
    flex-direction: column;
}

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

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

.carousel-bc90 {
    color: var(--accent-color);
}

.blue-fe96 {
    font-size: 1.25rem;
}

.status-huge-d335 {
    margin-bottom: 1rem;
}

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

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

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

.heading-static-e010 {
    text-align: center;
}

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

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

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

.notification-down-ff78 {
    margin: 2rem 0;
}

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

.video-acaa .dark_52df {
    font-size: 2rem;
    flex-shrink: 0;
}

.modal-56b1 {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.preview-08f7 {
    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;
}

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

.mask_medium_3cc0 {
    font-size: 2rem;
}

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

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

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

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

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

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

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

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

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

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

.gallery_dc46 .video-under-f281 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.75rem;
    display: block;
}

.gallery_dc46 .link-8ada {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin: 0;
}

.current-c0a9 {
    margin-top: 4rem;
}

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

.texture_south_3ccc {
    overflow-x: auto;
}

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

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

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

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

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

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

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

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

.column-easy-a5d2 {
    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);
}

.column-easy-a5d2:hover {
    border-color: var(--accent-color);
}

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

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

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

.column-easy-a5d2.fn-active-fb7c .alert_steel_5e72 {
    transform: rotate(45deg);
}

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

.column-easy-a5d2.fn-active-fb7c .caption_thick_941d {
    max-height: 1000px;
}

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

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

.section-current-65bf {
    margin: 2rem 0;
    text-align: center;
}

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

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

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

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

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

.popup_green_33b4 {
    font-size: 2rem;
}

.tertiary-light-fc6a {
    color: var(--text-white);
    margin: 0;
}

.thumbnail-564d {
    list-style: none;
    padding: 0;
}

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

.thumbnail-564d li:last-child {
    border-bottom: none;
}

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

.primary-3e99 p {
    color: var(--success-color);
    margin: 0;
}

.box-e2f1 {
    margin-top: 3rem;
}

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

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

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

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

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

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

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

.footer-right-768a {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

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

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

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

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

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

.small_ee6c {
    flex: 1;
}

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

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

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

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

.easy-2685:last-child {
    border-bottom: none;
}

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

/* Bonus Calculator Section */
.banner-hovered-2d02 {
    padding: var(--section-padding);
}

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

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

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

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

.tertiary-motion-6f94, .text_wide_1691, .modal_bb60 {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

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

.badge-e61a {
    margin: 2rem 0;
}

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

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

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

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

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

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

.west-a42b {
    text-align: center;
    margin-top: 2rem;
}

.disabled-white-897e {
    color: var(--text-gray);
    margin-bottom: 1rem;
}

/* Winners Section */
.pattern-bottom-a7df {
    padding: var(--section-padding);
}

.card-hard-fec6 {
    margin: 2rem 0;
}

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

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

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

.link-paper-084d {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

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

.footer_solid_42a9 {
    flex: 1;
}

.tertiary-solid-132b {
    color: var(--text-white);
    margin: 0 0 0.25rem 0;
    font-weight: 600;
}

.background-black-04f7 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

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

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

.info-865b {
    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);
}

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

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

.info-865b .video-under-f281 {
    color: var(--text-gray);
    font-size: 1rem;
}

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

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

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

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

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

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

.notice_c396 {
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

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

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

.sort-651a {
    color: var(--text-gray);
}

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

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

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

.gradient_tall_aff4 {
    margin-top: 3rem;
}

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

/* Live Stats Section */
.shadow-tall-0b7a {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

.hover_static_745d {
    margin: 2rem 0;
}

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

.active-orange-dbea {
    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;
}

.active-orange-dbea:hover, .active-orange-dbea.fn-active-fb7c {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.content_aa08 {
    display: none;
}

.content_aa08.fn-active-fb7c {
    display: block;
}

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

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

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

.filter-lite-e4cc ul {
    list-style: none;
    padding: 0;
}

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

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

.badge-rough-2ba8 {
    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 */
.shade_69c0 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

.box-38b4 {
    color: var(--accent-color);
    margin: 0;
}

.backdrop-iron-ad66 {
    display: flex;
    gap: 1.5rem;
}

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

.feature-5c2d {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 2rem 0;
}

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

.black_7154.frame-iron-4385 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

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

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

.up_ad19 {
    margin-top: 2rem;
}

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

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

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

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

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

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

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

.north_9a15 {
    margin: 2rem 0;
}

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

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

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

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

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

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

.mini-c161 {
    margin: 2rem 0;
}

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

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

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

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

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

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

.disabled-d1c3 {
    margin-top: 2rem;
}

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

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

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

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

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

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

.backdrop_3739 {
    margin: 2rem 0;
}

.container_pro_b086 {
    margin-bottom: 3rem;
}

.container_pro_b086 .hover-purple-a88b {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

.filter-over-7063 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

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

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

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

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

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

.liquid_139d {
    margin: 2rem 0;
}

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

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

.column-under-462c {
    background: rgba(6, 182, 212, 0.1) !important;
}

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

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

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

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

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

.summary_solid_00f3 .dark_52df {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lite_688e .video-under-f281 {
    color: var(--text-gray);
    font-size: 1rem;
}

.inner-2c6a {
    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);
}

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

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

/* Football Leagues Section */
.section-6099 {
    margin: 2rem 0;
}

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

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

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

.sidebar-brown-714d {
    flex: 1;
}

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

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

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

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

.alert-5ec1 .title_f6c4 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

.alert-5ec1 .backdrop_yellow_617e {
    color: var(--text-gray);
    margin: 0;
}

.brown-27f5 {
    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);
}

.brown-27f5 .gallery-5439 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

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

/* Bonus Tier Styles */
.layout-dim-0cc7 {
    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;
}

.search-a368 {
    flex: 1;
}

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

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

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

.gas_f302 {
    flex: 1;
}

.nav-dark-3aee {
    color: var(--text-white);
    margin-bottom: 0.5rem;
}

.aside-left-7a77 {
    color: var(--text-gray);
    margin: 0;
}

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

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

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

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

.pagination-c646 {
    margin-top: 2rem;
}

.pagination-c646 .breadcrumb-8959 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

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

.detail-next-8ab8 {
    margin: 2rem 0;
}

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

.description_08cb {
    margin-top: 1rem;
}

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

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

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

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

.box_small_6f02 {
    margin: 2rem 0;
}

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

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

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

.tabs_06ae {
    margin: 2rem 0;
}

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

.advanced_5efd .hover-purple-a88b {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.stone-3b50 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

.section-thick-124c {
    color: var(--text-white);
    font-weight: 600;
}

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

.aside-selected-6eb8 {
    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);
}

.aside-selected-6eb8 p {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

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

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

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

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

.section-5fc4 .backdrop_e946 {
    font-size: 2rem;
    flex-shrink: 0;
}

.section-5fc4 .wrapper_56e0 {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

.thumbnail-4f70 {
    flex: 1;
}

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

.preview-glass-0e14 {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

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

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

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

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

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

.tertiary-caec {
    margin: 2rem 0;
}

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

.overlay-68e9 {
    margin: 2rem 0;
}

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

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

.top_57cc .liquid-5eec {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.top_57cc .media-silver-222a {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

.main-pink-084a {
    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);
}

.main-pink-084a .gallery-5439 {
    color: var(--text-gray);
    margin: 0;
    text-align: center;
    font-size: 1.125rem;
}

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

.cold-c4bc {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

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

.soft-1f6c {
    margin: 2rem 0;
}

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

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

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

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

.full-8bc2 {
    flex: 1;
}

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

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

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

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

.hover-prev-f3f9 {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.slow-ad88 {
    font-size: 2rem;
}

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

.new_cd1f {
    flex: 1;
}

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

.wide-585c {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

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

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

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

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

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

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

.overlay-north-48dd {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.gradient_558b {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

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

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

.texture-7e26 {
    color: var(--text-white);
    font-weight: 600;
}

.pattern_blue_fc0d {
    color: var(--accent-color);
    font-weight: 600;
}

.green-ccd9 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
    text-align: center;
}

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

/* Security Section */
.form_purple_a5b9 {
    padding: var(--section-padding);
}

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

/* Help Section */
.active_new_1e5b {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.easy-1b8b {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.secondary-dark-1180 {
    margin: 3rem 0;
    display: grid;
    gap: 2rem;
}

.simple-137f {
    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) {
    .simple-137f {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.simple-137f .pattern-9211 {
    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;
}

.simple-137f .gas_f302 {
    flex: 1;
}

.simple-137f .nav-dark-3aee {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

.simple-137f .aside-left-7a77 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

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

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

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

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

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

/* Quick Registration Section */
.banner_current_dddb {
    padding: var(--section-padding);
}

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

@media (min-width: 640px) {
    .feature-fixed-6937 {
        grid-template-columns: repeat(3, 1fr);
    }
}

.accordion-motion-77a6 {
    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);
}

.accordion-motion-77a6:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
}

.accordion-motion-77a6 .green_6adb {
    font-size: 2rem;
    flex-shrink: 0;
}

.accordion-motion-77a6 .detail-edc9 {
    flex: 1;
}

.accordion-motion-77a6 .element-in-df19 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.accordion-motion-77a6 .full_09b8 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

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

.accordion_bronze_8e4a .hero_3039 {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

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

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

.accordion_bronze_8e4a .hero_3039 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;
}

.accordion_bronze_8e4a .hero_3039 li strong {
    color: var(--text-white);
}

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

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

.cool-825d strong {
    color: var(--accent-color);
}

/* Security Tips Section */
.pattern_top_e935 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.north_4b03 {
    font-size: 2rem;
}

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

.avatar-22ed {
    flex: 1;
}

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

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

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

.gallery_tiny_551d {
    margin-top: 3rem;
}

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

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

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

.feature_south_f4da li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

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

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

/* Tech Stack Section */
.yellow_b3a0 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.focus-liquid-de87 {
    margin: 2rem 0;
}

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

.block-cf3e .hover-purple-a88b {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

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

.search-south-7fba {
    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);
}

.search-south-7fba:hover {
    border-color: var(--accent-color);
    transform: translateX(4px);
}

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

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

/* Performance Section */
.label_cc57 {
    padding: var(--section-padding);
}

.disabled_full_11ea {
    margin: 2rem 0;
}

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

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

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

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

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

.tiny_7746 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.primary-2fc0 {
    color: var(--text-white);
    margin: 0;
    font-size: 1rem;
}

.video_8885 {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.video_8885.orange-04af {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.mask_fluid_d705 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.popup-full-7c66 {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.widget_7eff {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

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

.block-dynamic-568e p {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.block-dynamic-568e strong {
    color: var(--accent-color);
}

/* Update Log Section */
.frame_6963 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.list-e82a {
    margin: 2rem 0;
}

.aside-steel-c416 {
    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) {
    .aside-steel-c416 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.aside-steel-c416::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);
}

.label_e27d {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.slow_488f {
    flex: 1;
}

.component-pink-107b {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

.slider_pink_376a li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

.content-soft-8f00 {
    flex: 1;
}

.fluid_ad58 {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

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

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

.highlight-clean-6cdb {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.highlight-clean-6cdb strong {
    color: var(--accent-color);
}

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

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

.hover-out-2ab2 {
    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);
}

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

.hover-out-2ab2 .bronze_7d35 {
    font-size: 2rem;
    flex-shrink: 0;
}

.hover-out-2ab2 .copper_5c67 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.hover-out-2ab2 .hover_orange_2d98 {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

.hover-out-2ab2 .row_wood_e83b {
    color: var(--accent-color);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Featured Promos Section */
.icon-8d4f {
    padding: var(--section-padding);
}

.table_steel_12c9 .list_solid_b5e0 {
    flex: 1;
}

/* Promo Calendar Section */
.tertiary_4b9a {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.grid-3add {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.secondary_fc6c {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

.aside_2070 {
    color: var(--text-white);
    font-size: 0.9375rem;
}

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

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

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

/* Requirements Section */
.info_375e {
    padding: var(--section-padding);
}

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

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

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

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

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

.hidden_9ee6 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.overlay_0ccf {
    margin-top: 3rem;
}

.overlay_0ccf .overlay_e154 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.overlay_0ccf .item_9808 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.overlay_0ccf .feature_south_f4da {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.overlay_0ccf .feature_south_f4da li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.overlay_0ccf .feature_south_f4da li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.overlay_0ccf .feature_south_f4da li strong {
    color: var(--warning-color);
}

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

.pattern-8ec7 strong {
    color: var(--accent-color);
}

/* Winners Hall Section */
.rough_7f33 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.medium-68e2 .hover-purple-a88b {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.accordion-49ea {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

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

.small-7f9e {
    flex: 1;
}

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

.card-059f {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.gas_3d3b {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

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

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

.shade-white-4ed4 strong {
    color: var(--accent-color);
}

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.over_7ad2 { 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; }
.medium-cc2b, .footer-south-25a9 { max-width:100%; height:auto; }

.box-c094, .fixed-5e26, .badge_7d2c { white-space:normal; }

.current-20cb,
.panel-490e,
.dynamic-5d92,
.main_north_97cc,
.chip_small_5293,
.content-9852 {
  flex-wrap:wrap;
}

[class*="grid"],
.status-gas-f7c5,
.dirty_d262,
.focus_426f {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.list-cool-a97f img,
.panel-490e img,
.preview_motion_f9bc img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.card_pink_f9be, .right-1a4a,
.panel-dark-2168, .bottom-45c0 {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.texture_south_3ccc { width:100%; overflow-x:auto; }
.texture_south_3ccc table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.column-5885 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .column-5885 {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.filter-39c9 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.bright_1bf6,
.notification_dynamic_173c,
.tabs_e8bc,
.element-dac8,
.banner-static-b381,
.status-gas-f7c5,
.dirty_d262,
.focus_426f,
.wrapper_791c,
.soft-1f6c,
.column-5885 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .bright_1bf6,
  .notification_dynamic_173c,
  .tabs_e8bc,
  .element-dac8,
  .banner-static-b381,
  .status-gas-f7c5,
  .dirty_d262,
  .focus_426f,
  .wrapper_791c,
  .soft-1f6c,
  .column-5885 {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.gallery_dc46,
.info-865b,
.photo_next_84b4,
.row_liquid_67db,
.notification-026e,
.cold-d1b8,
.outline_cool_25ad,
.filter-39c9 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.modal-west-361c,
.detail_middle_578c,
.green_97b9 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.modal-west-361c > *,
.detail_middle_578c > *,
.green_97b9 > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: 8c96 */
.shadow-element-t1 {
  padding: 0.3rem;
  font-size: 12px;
  line-height: 1.0;
}