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

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

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

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

@media (min-width: 1024px) {
    .current-6e84 {
        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 */
.media_fad0 {
    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);
}

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .overlay_west_9c69 {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .widget_f886 {
        grid-column: 1;
    }
    
    .green_c761 {
        grid-column: 2;
    }
    
    .video-south-f429 {
        grid-column: 3;
    }
}

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

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

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

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

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

.slider-fcea {
    position: relative;
}

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

.slider-fcea .avatar_8962 {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

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

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

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

/* Header Actions */
.stone-0c3a {
    display: none;
    gap: 0.75rem;
}

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

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

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


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

.prev_f36e::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 */
.video-south-f429 {
    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) {
    .video-south-f429 {
        display: none;
    }
}

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

.video-south-f429.fn-active-12bd span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.video-south-f429.fn-active-12bd span:nth-child(2) {
    opacity: 0;
}

.video-south-f429.fn-active-12bd span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

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

.complex_e34a.fn-active-12bd {
    display: block;
    max-height: 500px;
}

/* Prevent body scroll when menu is open */
body.main-2cbe {
    overflow: hidden;
}

.green-363b {
    list-style: none;
    padding: 0.75rem 0;
}

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

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


/* 移动端注册按钮动画效果 */
.focus_lite_e367.carousel-inner-6e3a {
    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;
}

.focus_lite_e367.carousel-inner-6e3a::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 */
.paragraph_c17f {
    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;
}

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

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

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

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

.over-64d6 {
    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;
}

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

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

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

.down-0a6f:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

.feature-new-358e {
    background: var(--accent-color);
    color: var(--primary-bg);
}

.feature-new-358e:hover {
    background: var(--accent-hover);
    transform: translateY(-2px);
}

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

.middle-080d: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);
}

.solid-abab {
    font-size: 1em;
    font-weight: 700;
}

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

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

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

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

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

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

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

.thick_5e8d {
    margin-bottom: 2rem;
}

.overlay-under-49f1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

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

.layout-86af {
    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);
}

.top-6655 {
    font-size: 1.5rem;
}

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

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

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

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

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

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

.stone-fa4e {
    margin-bottom: 1rem;
}

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

.gallery-liquid-5e91 {
    display: grid;
    gap: 3rem;
    align-items: center;
}

@media (min-width: 1024px) {
    .gallery-liquid-5e91 {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
    
    .gallery-liquid-5e91.feature-131f {
        direction: rtl;
    }
    
    .gallery-liquid-5e91.feature-131f > * {
        direction: ltr;
    }
}

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

.summary-23bc:first-child {
    margin-top: 0;
}

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

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

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

/* Payment Methods */
.menu-next-d5cc {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.media_d44c {
    list-style: none;
}

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

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

/* Games Features */
.outline-up-ec9b {
    display: grid;
    gap: 2rem;
    margin: 2rem 0;
}

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

.lite-64ec {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

/* Bonus Highlight */
.silver-7b40 {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

.gradient-4c17 {
    font-size: 1.5rem;
}

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

.surface-e468 {
    list-style: none;
}

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

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

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

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

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

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

.label-bronze-4f9d {
    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);
}

.bronze_092c {
    font-size: 1.25rem;
}

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

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

.component_tall_415e,
.out-f576 {
    font-size: 1.125rem;
    color: var(--accent-color);
    font-weight: 600;
}

/* CTA Sections */
.accent-easy-67bc {
    margin: 2rem 0;
    text-align: center;
}

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

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

.avatar-out-56d0 {
    position: relative;
    z-index: 1;
}

.description-hovered-bfe6 {
    margin-bottom: 1rem;
}

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

.narrow_3fa4 {
    margin-bottom: 3rem;
}

.summary_gas_a726 {
    margin-top: 3rem;
}

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

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

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

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

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

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

.fresh-cc12 {
    display: grid;
    gap: 2rem;
    padding: 3rem 0 2rem;
}

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

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

.footer_f4c7 {
    margin-bottom: 1rem;
}

.hot-42fc img {
    margin-bottom: 1rem;
}

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

.pagination-easy-8ccf {
    color: var(--accent-color);
    font-size: 1.125rem;
    margin-bottom: 1rem;
}

.west-d254 {
    list-style: none;
}

.west-d254 li {
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

.main-ff8b p {
    margin-bottom: 0.25rem;
}

.progress-up-9f04 {
    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) {
    .progress-up-9f04 {
        flex-direction: row;
    }
}

.picture-solid-415d {
    text-align: center;
}

@media (min-width: 768px) {
    .picture-solid-415d {
        text-align: left;
    }
}

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

.lower-94a1 {
    font-size: 0.75rem !important;
}

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

.feature-hovered-92ea {
    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);
    }
}

.layout-down-000c {
    animation: fadeInUp 0.6s ease-out;
}

.full_4a08 {
    animation: pulse 2s infinite;
}

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

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

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

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

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

.text-9859 .lite-64ec {
    font-size: 1.25rem;
}

.text-9859 .media-fast-aa2e {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

.column-a792 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

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

.row-lower-20ad .detail_b7b2 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.row-lower-20ad .slider_under_933d {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.label-bronze-4f9d {
    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);
}

.label-bronze-4f9d .bronze_092c {
    font-size: 1.25rem;
}

.label-bronze-4f9d .hero_cold_1e64 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--success-color);
}

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

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

.motion-feda .lite-64ec {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

.link-under-067b {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.preview-44bb .chip-center-b12e {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.preview-44bb .overlay_wide_7395 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.dropdown-69cc {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

.hero_6cee {
    flex: 1;
}

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

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

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

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

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

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

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

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

.hidden-focused-36a4 {
    font-size: 2rem;
    flex-shrink: 0;
}

.texture-bottom-9b28 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

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

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

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

.under-067b .secondary_5a88 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.under-067b .dynamic-41bb {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

.simple-a233 .lite-64ec {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.simple-a233 .slider_under_933d {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

.action-2ef8 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

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

.row-up-d90e {
    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);
}

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

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

.photo-active-61c6 {
    flex: 1;
}

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

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

.gradient-current-786c {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.gas_c01a .chip-center-b12e {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

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

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

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

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

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

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

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

.preview-lower-7ed2 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.layout-west-7bcf {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

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

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

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

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

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

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

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

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

.simple-a233 .detail_b7b2 {
    color: var(--success-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.simple-a233 .slider_under_933d {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

.column-51ca {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

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

.section-green-df85 {
    padding: 1.5rem;
}

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

.gradient-pressed-7256 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.gradient-pressed-7256 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;
}

.gradient-pressed-7256 li:last-child {
    border-bottom: none;
}

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

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

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

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

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

.pagination-hovered-2816 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

.detail-full-404f {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

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

.full-89c9 {
    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);
}

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

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

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

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

.full-58da {
    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);
}

.mask_fixed_e42a {
    text-align: center;
}

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

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

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

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

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

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

.secondary-easy-8cd5 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

.filter-bd9d {
    padding: 1.5rem;
}

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

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

.black-d466 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;
}

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

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

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

.popup-stale-9e23 {
    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);
}

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

.heading-dark-949d {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

.short-7705 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

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

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

.new-d110 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

.pattern-70e8 {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

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

.fast-9e33 {
    font-size: 1rem;
}

.border_1bce {
    padding: 1.5rem;
}

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

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

.container_right_d29c .mask_fixed_e42a {
    text-align: center;
}

.container_right_d29c .iron-20e9 {
    color: var(--text-muted);
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.25rem;
}

.container_right_d29c .carousel-45fa {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.notification_left_f3e4.info_over_9978 {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

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

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

.notification_left_f3e4.accent-e84c {
    background: linear-gradient(135deg, #b9f2ff, #00bfff);
    color: #0f172a;
}

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

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

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

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

.link-under-067b {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

.link-under-067b li:last-child {
    border-bottom: none;
}

.link-under-067b li::before {
    content: '⭐';
    position: absolute;
    left: 0;
    color: var(--info-color);
    font-size: 0.875rem;
}

.mini-3902 {
    display: grid;
    gap: 1.5rem;
    margin: 3rem 0;
}

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

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

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

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

.surface-3a77.clean_c2da {
    grid-column: 1 / -1;
    border-color: rgba(6, 182, 212, 0.3);
}

@media (min-width: 1024px) {
    .surface-3a77.clean_c2da {
        grid-column: span 3;
    }
}

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

.surface-3a77.clean_c2da .slow-1117 {
    background: rgba(6, 182, 212, 0.1);
}

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

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

.surface-3a77.clean_c2da .column_1e21 {
    color: var(--info-color);
}

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

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

.surface-3a77.clean_c2da .primary-839b {
    color: var(--info-color);
}

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

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

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

.header-stone-1bd1 {
    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);
}

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

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

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

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

.search-e6c0 {
    flex: 1;
}

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

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

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

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

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

.feature-hovered-92ea {
    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);
}

.article-simple-9f64 {
  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);
}

.article-simple-9f64 .mask_fixed_e42a {
    text-align: center;
}

.article-simple-9f64 .chip_9ce6 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--info-color);
    margin-bottom: 0.5rem;
}

.article-simple-9f64 .iron-20e9 {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

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

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

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

.block-short-5d41 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.grid-prev-c74f {
    color: var(--text-gray);
    line-height: 1.6;
}

.article-a2a6 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

.input-east-80d3 {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

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

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

.short-97a3.shadow_center_23a9 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.short-97a3.content_9bb7 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
}

.short-97a3.picture_d735 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--info-color);
}

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

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

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

.slider-basic-ac03 .pro-ed2f {
    color: var(--text-gray);
    font-size: 0.875rem;
    text-align: left;
}

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

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

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

.modal_last_dcd3 {
    text-align: center;
}

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

.modal_last_dcd3 .iron-20e9 {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Utility Classes */
.menu-b879 { text-align: center; }
.glass_026e { text-align: left; }
.menu-plasma-d738 { text-align: right; }

.table_6cbe { margin-bottom: 0; }
.fixed-0397 { margin-bottom: 0.5rem; }
.label-7228 { margin-bottom: 1rem; }
.liquid_3899 { margin-bottom: 1.5rem; }
.nav_complex_d47b { margin-bottom: 2rem; }

.tabs_easy_e84e { margin-top: 0; }
.detail-46c1 { margin-top: 0.5rem; }
.primary-blue-b712 { margin-top: 1rem; }
.picture_7160 { margin-top: 1.5rem; }
.notice_4042 { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .wide_4a4c {
        padding: 6rem 0 3rem;
    }
    
    .container-295c {
        text-align: center;
    }
    
    .gallery-liquid-5e91 {
        text-align: center;
    }
    
    .overlay-under-49f1 {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .media_fad0,
    .complex_e34a,
    .in-7b7c,
    .black-8914 {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .wide_4a4c {
        background: none;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.paragraph-copper-7b03:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

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

.list-top-a1b0 {
    display: flex;
    flex-direction: column;
}

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

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

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

.box_last_6d74 {
    font-size: 1.25rem;
}

.header_fixed_5961 {
    margin-bottom: 1rem;
}

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

.disabled-fluid-103a {
    font-size: 0.875rem;
    color: var(--text-muted);
}

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

.mask_fixed_e42a {
    text-align: center;
}

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

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

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

.silver_fde2 {
    margin: 2rem 0;
}

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

.mask_769d .lite-64ec {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

.element_yellow_cb6c {
    font-size: 2rem;
}

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

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

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

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

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

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

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

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

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

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

.detail_gold_ab04 .iron-20e9 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.75rem;
    display: block;
}

.detail_gold_ab04 .footer-46c7 {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin: 0;
}

.pattern_cc13 {
    margin-top: 4rem;
}

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

.stale_a9fe {
    overflow-x: auto;
}

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

.column-under-c09b thead {
    background: var(--accent-color);
}

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

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

.column-under-c09b tbody tr:hover {
    background: rgba(6, 182, 212, 0.1);
}

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

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

.panel-narrow-6501 {
    max-width: 900px;
    margin: 0 auto;
}

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

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

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

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

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

.dropdown_6f44.fn-active-12bd .short_adf7 {
    transform: rotate(45deg);
}

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

.dropdown_6f44.fn-active-12bd .module_west_7086 {
    max-height: 1000px;
}

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

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

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

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

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

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

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

.alert-pressed-8d0e {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.active-537b {
    font-size: 2rem;
}

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

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

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

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

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

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

.input-68ab {
    margin-top: 3rem;
}

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

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

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

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

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

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

/* User Stories Section */
.shade-hot-2e9d {
    padding: var(--section-padding);
}

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

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

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

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

.picture-paper-4a30 {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

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

.black_8a73 {
    flex: 1;
}

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

.video-fluid-356f {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin: 0;
}

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

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

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

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

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

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

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

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

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

.thick_3440, .notification_last_fdf7, .popup-cool-83cd {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

.popup-cool-83cd {
    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 */
.aside_steel_d75a {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.logo_advanced_797f {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

.info-slow-740e {
    margin: 2rem 0;
}

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

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

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

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

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

.narrow-dd0c {
    flex: 1;
}

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

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

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

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

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

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

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

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

.simple_e25a .iron-20e9 {
    color: var(--text-gray);
    font-size: 1rem;
}

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

.hover-hot-64ba {
    color: var(--text-gray);
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
}

.hover-hot-64ba strong {
    color: var(--accent-color);
}

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

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

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

.block_713b {
    margin-bottom: 1.5rem;
}

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

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

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

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

.header-0cb6 {
    display: flex;
    align-items: center;
}

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

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

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

.input-in-d3fe {
    color: var(--text-gray);
}

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

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

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

.blue_58d2 {
    margin-top: 3rem;
}

.highlight-pink-73e9 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    text-align: center;
}

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

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

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

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

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

.focus-b854 {
    margin: 2rem 0;
}

.popup-clean-3abc {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

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

.menu_2ae0:hover, .menu_2ae0.fn-active-12bd {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.dirty_eb13 {
    display: none;
}

.dirty_eb13.fn-active-12bd {
    display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

.footer-9d32 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 2rem 0;
}

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

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

.banner_59aa.info-pink-4b2d {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

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

.breadcrumb_hovered_adb0 {
    margin-top: 2rem;
}

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

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

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

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

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

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

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

.column-0d4c {
    margin: 2rem 0;
}

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

.iron-6a51 {
    color: var(--warning-color);
    margin-bottom: 1rem;
}

.cool-8ed3 {
    list-style: none;
    padding: 0;
}

.cool-8ed3 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;
}

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

.cool-8ed3 li:last-child {
    border-bottom: none;
}

.tag_cf22 {
    margin: 2rem 0;
}

.tall-76ae {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

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

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

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

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

.paper-7197 {
    margin-top: 2rem;
}

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

.over-57e5 {
    list-style: none;
    padding: 0;
}

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

.sort-23d7 a {
    color: var(--accent-color);
    text-decoration: none;
}

.sort-23d7 a:hover {
    text-decoration: underline;
}

.fresh-1962 {
    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 */
.button-smooth-0ad7 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.chip_de2f {
    margin: 2rem 0;
}

.small-8bd0 {
    margin-bottom: 3rem;
}

.small-8bd0 .focus-6eec {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

.highlight-254b {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.tertiary-pressed-5dc2 {
    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);
}

.tertiary-pressed-5dc2:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

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

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

.block-90f1 {
    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 */
.east-bbcb {
    padding: var(--section-padding);
}

.info-pressed-a717 {
    margin: 2rem 0;
}

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

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

.section-pressed-8341 {
    background: rgba(6, 182, 212, 0.1) !important;
}

.avatar-solid-d6a5 {
    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;
}

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

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

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

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

.panel-light-8468 .lite-64ec {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

.panel-light-8468 .detail_b7b2 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.image_8e60 .iron-20e9 {
    color: var(--text-gray);
    font-size: 1rem;
}

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

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

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

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

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

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

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

.image_middle_13b0 {
    flex: 1;
}

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

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

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

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

.simple-a233 .detail_b7b2 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

.simple-a233 .slider_under_933d {
    color: var(--text-gray);
    margin: 0;
}

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

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

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

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

.photo-active-61c6 {
    flex: 1;
}

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

.gradient-current-786c {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

.disabled-huge-4b66 {
    flex: 1;
}

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

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

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

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

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

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

.widget-fe90 {
    margin-top: 2rem;
}

.widget-fe90 .middle_b253 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

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

.paragraph_e6e0 {
    margin: 2rem 0;
}

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

.filter-bd9d {
    margin-top: 1rem;
}

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

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

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

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

.large-c231 {
    margin: 2rem 0;
}

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

.highlight-gold-26d9 {
    color: var(--accent-color);
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

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

.overlay_prev_1859 {
    margin: 2rem 0;
}

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

.table-dynamic-3d53 .focus-6eec {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.panel-12fe {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

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

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

.background-in-43e8 {
    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);
}

.background-in-43e8 p {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

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

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

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

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

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

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

.info_b95c {
    flex: 1;
}

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

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

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

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

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

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

.summary-west-c600 strong {
    color: var(--warning-color);
}

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

.disabled_0b33 {
    margin: 2rem 0;
}

/* Table Games Section */
.hover-glass-4ea8 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.dark_5e0f {
    margin: 2rem 0;
}

.under-067b {
    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);
}

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

.under-067b .secondary_5a88 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.under-067b .dynamic-41bb {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

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

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

.brown-5d07 {
    margin: 2rem 0;
}

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

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

.background-light-43e3 {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

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

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

.frame-5999.fn-active-12bd {
    background: var(--accent-color);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

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

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

.north-757b strong {
    color: var(--accent-color);
}

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

.box-5bbf {
    margin: 2rem 0;
}

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

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

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

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

.hidden-upper-597f {
    flex: 1;
}

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

.backdrop-fluid-4e9e {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

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

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

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

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

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

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

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

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

.paragraph-silver-afc6 strong {
    color: var(--accent-color);
}

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

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

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

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

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

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

.logo-top-37c0 {
    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;
}

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

.sort_1dde {
    font-size: 2rem;
}

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

.primary-a84b {
    flex: 1;
}

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

.badge-6c0d {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

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

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

.breadcrumb-thick-7c90 {
    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;
}

.yellow-276f {
    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;
}

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

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

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

.shadow-full-5bd3 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
    .shadow-full-5bd3 {
        grid-template-columns: repeat(3, 1fr);
    }
}

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

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

.aside_9389 {
    color: var(--accent-color);
    font-weight: 600;
}

.huge-e84c {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
    text-align: center;
}

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

/* Security Section */
.alert-2498 {
    padding: var(--section-padding);
}

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

/* Help Section */
.list-gas-8596 {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.short-92b6 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

.video-gold-6186 {
    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) {
    .video-gold-6186 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.video-gold-6186 .smooth-d76c {
    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;
}

.video-gold-6186 .disabled-huge-4b66 {
    flex: 1;
}

.video-gold-6186 .thick-94f9 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

.video-gold-6186 .search_3b56 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

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

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

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

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

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

/* Quick Registration Section */
.grid_selected_404e {
    padding: var(--section-padding);
}

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

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

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

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

.white_b6d9 .simple-6b3d {
    font-size: 2rem;
    flex-shrink: 0;
}

.white_b6d9 .module_1255 {
    flex: 1;
}

.white_b6d9 .chip-center-b12e {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.white_b6d9 .accordion-orange-673f {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

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

.gold_5eec .content_b21e {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

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

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

.gold_5eec .content_b21e 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;
}

.gold_5eec .content_b21e li strong {
    color: var(--text-white);
}

.focus-medium-30ec {
    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);
}

.focus-medium-30ec p {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.focus-medium-30ec strong {
    color: var(--accent-color);
}

/* Security Tips Section */
.wide-6cbe {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.fixed_8593 {
    font-size: 2rem;
}

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

.layout_bbb5 {
    flex: 1;
}

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

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

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

.texture_copper_e1d3 {
    margin-top: 3rem;
}

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

.iron-6a51 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.cool-8ed3 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cool-8ed3 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.cool-8ed3 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.cool-8ed3 li strong {
    color: var(--warning-color);
}

/* Tech Stack Section */
.complex_85e0 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.cool-116b {
    margin: 2rem 0;
}

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

.top-9beb .focus-6eec {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

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

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

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

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

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

/* Performance Section */
.highlight_5759 {
    padding: var(--section-padding);
}

.over_8355 {
    margin: 2rem 0;
}

.tooltip-dim-66af {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

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

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

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

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

.thick_6bcb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.south-9ad4 {
    color: var(--text-white);
    margin: 0;
    font-size: 1rem;
}

.description_257e {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

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

.wide-9aec {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.alert-3b45 {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.surface-fluid-6d6e {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

.paper-36a5 {
    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);
}

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

.paper-36a5 strong {
    color: var(--accent-color);
}

/* Update Log Section */
.orange-8ee7 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.focused_5d1d {
    margin: 2rem 0;
}

.carousel-6726 {
    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) {
    .carousel-6726 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

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

.soft_aab0 {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.status-top-c077 {
    flex: 1;
}

.form_black_b94a {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

.feature_8ab4 li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

.notice-simple-51db {
    flex: 1;
}

.avatar-b502 {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

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

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

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

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

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

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

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

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

.rough_d1d4 .pagination-hovered-2816 {
    font-size: 2rem;
    flex-shrink: 0;
}

.rough_d1d4 .focus_0c72 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.rough_d1d4 .status_0cda {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

.rough_d1d4 .detail-full-404f {
    color: var(--accent-color);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Featured Promos Section */
.gold-a6cf {
    padding: var(--section-padding);
}

.next_ed1d .heading-37eb {
    flex: 1;
}

/* Promo Calendar Section */
.active_2a5f {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.tag-static-873d {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

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

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

.shade-aeac {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.aside-a937 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

.solid-ee8c {
    color: var(--text-white);
    font-size: 0.9375rem;
}

.video-6a43 {
    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);
}

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

.video-6a43 strong {
    color: var(--accent-color);
}

/* Requirements Section */
.basic_330b {
    padding: var(--section-padding);
}

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

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

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

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

.pagination-mini-8cb0 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pagination-mini-8cb0 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.input-107a {
    margin-top: 3rem;
}

.input-107a .filter_hard_7f5b {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.input-107a .iron-6a51 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.input-107a .cool-8ed3 {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.input-107a .cool-8ed3 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.input-107a .cool-8ed3 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.input-107a .cool-8ed3 li strong {
    color: var(--warning-color);
}

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

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

/* Winners Hall Section */
.detail_466c {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.badge_hard_8185 .focus-6eec {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.rough_7d3d {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

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

.container-fast-949b {
    flex: 1;
}

.text-inner-1e11 {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.25rem;
    font-size: 1.125rem;
}

.border-cold-fe5e {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.label-pro-ab4a {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

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

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

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

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

.logo-cool-56ff {
    color: var(--text-gray);
    font-size: 1rem;
}

.hover-hot-64ba {
    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);
}

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

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

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.current-6e84 { 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; }
.pattern-out-fc53, .overlay_f191 { max-width:100%; height:auto; }

.paragraph_c17f, .over-64d6, .pro_1274 { white-space:normal; }

.container-295c,
.gallery-liquid-5e91,
.pressed-685d,
.container_action_6902,
.black_a7cc,
.article-a2a6 {
  flex-wrap:wrap;
}

[class*="grid"],
.popup-north-52fc,
.tooltip-dim-66af,
.link_48c8 {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.wide_4a4c img,
.gallery-liquid-5e91 img,
.wide_5e0c img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.list_bronze_5a6d, .fast-91b0,
.stone-fa4e, .in-169d {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.stale_a9fe { width:100%; overflow-x:auto; }
.stale_a9fe table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.title-brown-5658 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .title-brown-5658 {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.header_up_3da8 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.first_aa11,
.west-cd60,
.search-static-508e,
.blue-a513,
.hover_a887,
.popup-north-52fc,
.tooltip-dim-66af,
.link_48c8,
.slider_521e,
.box-5bbf,
.title-brown-5658 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .first_aa11,
  .west-cd60,
  .search-static-508e,
  .blue-a513,
  .hover_a887,
  .popup-north-52fc,
  .tooltip-dim-66af,
  .link_48c8,
  .slider_521e,
  .box-5bbf,
  .title-brown-5658 {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.detail_gold_ab04,
.simple_e25a,
.breadcrumb_c16f,
.layout-86af,
.button_42a3,
.modal_last_dcd3,
.prev_4eda,
.header_up_3da8 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.old_570c,
.block-silver-0337,
.card_bronze_9ea7 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.old_570c > *,
.block-silver-0337 > *,
.card_bronze_9ea7 > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: dbd1 */
.phantom-card-v3 {
  padding: 0.4rem;
  font-size: 12px;
  line-height: 1.0;
}