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

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

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

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

@media (min-width: 1024px) {
    .out-3079 {
        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 */
.message_2621 {
    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);
}

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .stone_92a1 {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .hard-9f8a {
        grid-column: 1;
    }
    
    .block_old_5f99 {
        grid-column: 2;
    }
    
    .form-0470 {
        grid-column: 3;
    }
}

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

.hard-9f8a:hover img {
    transform: scale(1.05);
}

/* Navigation */
.white-aeb3 {
    display: none;
}

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

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

.fixed_9d49 {
    position: relative;
}

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

.fixed_9d49 .picture-2ba6 {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

.picture-2ba6 {
    display: flex;
    list-style: none;
    gap: 1.5rem;
}

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

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

/* Header Actions */
.gallery-light-02a9 {
    display: none;
    gap: 0.75rem;
}

@media (min-width: 768px) {
    .gallery-light-02a9 {
        display: flex;
    }
}

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

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


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

.heading_liquid_480d::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 */
.form-0470 {
    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) {
    .form-0470 {
        display: none;
    }
}

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

.form-0470.fn-active-11e7 span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.form-0470.fn-active-11e7 span:nth-child(2) {
    opacity: 0;
}

.form-0470.fn-active-11e7 span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

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

.short_d983.fn-active-11e7 {
    display: block;
    max-height: 500px;
}

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

.column-lower-b404 {
    list-style: none;
    padding: 0.75rem 0;
}

.footer-08df {
    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;
}

.footer-08df:hover,
.footer-08df.fn-active-11e7 {
    background: var(--tertiary-bg);
    color: var(--accent-light);
    border-left: 3px solid var(--accent-color);
    padding-left: 1.375rem;
}


/* 移动端注册按钮动画效果 */
.footer-08df.main_5e77 {
    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;
}

.footer-08df.main_5e77::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 */
.tag-bottom-611c {
    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;
}

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

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

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

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

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

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

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

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

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

.overlay-dark-a873 {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

.logo-in-aede: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);
}

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

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

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

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

.overlay-dynamic-59c6 {
    display: grid;
    gap: 3rem;
    align-items: center;
    position: relative;
    z-index: 1;
}

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

.wrapper-65f9 {
    margin-bottom: 1.5rem;
    line-height: 1.1;
}

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

.main_4f19 {
    margin-bottom: 2rem;
}

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

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

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

.dropdown_da45 {
    font-size: 1.5rem;
}

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

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

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

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

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

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

.progress-last-a28f {
    margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

/* Payment Methods */
.panel-rough-b076 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.button-simple-d32f {
    list-style: none;
}

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

.button-simple-d32f li:last-child {
    border-bottom: none;
}

/* Games Features */
.old-36dc {
    display: grid;
    gap: 2rem;
    margin: 2rem 0;
}

.chip-motion-b641 {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.thumbnail-052a {
    font-size: 2rem;
    flex-shrink: 0;
}

.pressed-42c6 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

/* Bonus Highlight */
.hovered-ef27 {
    margin: 2rem 0;
}

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

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

.border-red-3451 {
    font-size: 2.5rem;
    font-weight: 900;
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

.hidden-7536 {
    font-size: 1.5rem;
}

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

.accent-1185 {
    list-style: none;
}

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

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

/* Security Features */
.chip-ae88 {
    margin: 2rem 0;
}

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

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

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

.search-gold-24cd {
    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);
}

.bright_47eb {
    font-size: 1.25rem;
}

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

/* Statistics */
.main-south-33c4,
.pagination-531f {
    text-align: center;
    margin: 2rem 0;
}

.dirty_37b5,
.border-light-a68b {
    font-size: 1.125rem;
    color: var(--accent-color);
    font-weight: 600;
}

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

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

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

.inner-4d14 {
    position: relative;
    z-index: 1;
}

.copper-df0b {
    margin-bottom: 1rem;
}

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

.blue-95b5 {
    margin-bottom: 3rem;
}

.container_ca15 {
    margin-top: 3rem;
}

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

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

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

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

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

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

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

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

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

.detail_c7ae {
    margin-bottom: 1rem;
}

.item-c880 img {
    margin-bottom: 1rem;
}

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

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

.cold_304b {
    list-style: none;
}

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

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

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

.secondary-smooth-200f {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.badge-1497 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-md);
    text-decoration: none;
    font-size: 1.25rem;
    transition: var(--transition-fast);
}

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

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

.banner_926b p {
    margin-bottom: 0.25rem;
}

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

.full_8454 {
    text-align: center;
}

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

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

.shadow-hovered-a02b {
    font-size: 0.75rem !important;
}

.paper-38d9 {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

.table-pink-1a69 {
    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);
    }
}

.accent-6d51 {
    animation: fadeInUp 0.6s ease-out;
}

.stone_66b2 {
    animation: pulse 2s infinite;
}

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

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

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

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

.modal-1dfa {
    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);
}

.modal-1dfa .thumbnail-052a {
    font-size: 1.25rem;
}

.modal-1dfa .motion_85be {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

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

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

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

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

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

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

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

.preview-c79b {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.panel-31c7 .pressed-42c6 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.panel-31c7 .full_9968 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

.shade-72fb {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

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

.shade-72fb 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);
}

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

.shade-72fb input::placeholder {
    color: var(--text-muted);
}

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

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

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

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

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

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

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

.search-gold-24cd {
    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);
}

.search-gold-24cd .bright_47eb {
    font-size: 1.25rem;
}

.search-gold-24cd .frame-8517 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--success-color);
}

.primary-d996 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.hover_outer_7c9e .thumbnail-052a {
    font-size: 2rem;
    flex-shrink: 0;
}

.hover_outer_7c9e .pressed-42c6 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

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

.fluid-7234 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.badge-narrow-5c9b .right-3599 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.badge-narrow-5c9b .backdrop-e4a9 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

.dropdown_prev_31cb {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

.badge-dark-b79a {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

.article-gas-380a {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.summary-smooth-4393 .top-503a {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.summary-smooth-4393 .label-e8cc {
    color: var(--text-gray);
    line-height: 1.6;
}

.footer-4a38 {
    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);
}

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

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

.article-91e4 .thumbnail-052a {
    font-size: 2rem;
    flex-shrink: 0;
}

.article-91e4 .pressed-42c6 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.article-91e4 .full_9968 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

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

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

.tooltip-dim-6a4b {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.overlay-fixed-3d55 {
    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);
}

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

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

.large_614d {
    flex: 1;
}

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

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

.box-07ac {
    color: var(--text-gray);
    line-height: 1.6;
}

.logo-hard-42c2 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

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

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

.input-fast-6a76 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.backdrop-basic-511c {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

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

.search-down-6ef2 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

.article-91e4 .pressed-42c6 {
    color: var(--success-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.article-91e4 .full_9968 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

.active-6db0 {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

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

.logo-center-69d4 {
    padding: 1.5rem;
}

.notification-smooth-29fc {
    color: var(--text-gray);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

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

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

.iron-3a8e {
    font-size: 2rem;
    flex-shrink: 0;
}

.backdrop-dirty-4414 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

.input-18a7 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

.paragraph_fast_0ce9 {
    text-align: center;
}

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

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

.frame-9e61 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.feature-warm-9b1d .pressed-42c6 {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.feature-warm-9b1d .full_9968 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

.highlight-out-0c8a {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

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

.pagination-d29e {
    padding: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.iron-81b5 {
    display: flex;
    gap: 1rem;
}

.iron-81b5 .avatar_9c5e {
    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;
}

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

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

.header-453b {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

.header-453b li:last-child {
    border-bottom: none;
}

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

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

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

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

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

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

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

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

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

.grid_9d3c {
    font-size: 1rem;
}

.text-8970 {
    padding: 1.5rem;
}

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

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

.button-29e2 .paragraph_fast_0ce9 {
    text-align: center;
}

.button-29e2 .complex-6b7e {
    color: var(--text-muted);
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.25rem;
}

.button-29e2 .outline-b2f6 {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lower_04e7.wrapper-fast-dd57 {
    background: linear-gradient(135deg, #cd7f32, #a0522d);
    color: white;
}

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

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

.lower_04e7.tiny-06ce {
    background: linear-gradient(135deg, #e5e4e2, #b8b8b8);
    color: #0f172a;
}

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

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

.form-static-0867 {
    color: var(--text-gray);
    line-height: 1.6;
}

.header-up-23fa {
    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);
}

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

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

.fluid-7234 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;
}

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

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

.wood-23de {
    display: grid;
    gap: 1.5rem;
    margin: 3rem 0;
}

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

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

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

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

.avatar-800d.prev_bef3 {
    grid-column: 1 / -1;
    border-color: rgba(6, 182, 212, 0.3);
}

@media (min-width: 1024px) {
    .avatar-800d.prev_bef3 {
        grid-column: span 3;
    }
}

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

.avatar-800d.prev_bef3 .preview-hard-4cdc {
    background: rgba(6, 182, 212, 0.1);
}

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

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

.avatar-800d.prev_bef3 .detail_simple_46b3 {
    color: var(--info-color);
}

.avatar-7e77 {
    padding: 1.5rem;
    text-align: center;
}

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

.avatar-800d.prev_bef3 .layout_stale_4abb {
    color: var(--info-color);
}

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

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

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

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

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

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

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

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

.down-3244 {
    flex: 1;
}

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

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

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

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

.overlay-124f {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.table-pink-1a69 {
    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);
}

.icon-red-d19e {
  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);
}

.icon-red-d19e .paragraph_fast_0ce9 {
    text-align: center;
}

.icon-red-d19e .box_c130 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--info-color);
    margin-bottom: 0.5rem;
}

.icon-red-d19e .complex-6b7e {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

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

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

.photo-83a1 {
    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);
}

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

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

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

.tooltip-mini-5f13.border-1165 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.tooltip-mini-5f13.highlight_de53 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
}

.tooltip-mini-5f13.input_88d5 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--info-color);
}

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

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

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

.widget_mini_a3cd .widget-hard-0874 {
    color: var(--text-gray);
    font-size: 0.875rem;
    text-align: left;
}

.mini-8b36 {
    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);
}

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

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

.black-dfee {
    text-align: center;
}

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

.black-dfee .complex-6b7e {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Utility Classes */
.shadow_full_e47e { text-align: center; }
.aside_light_0324 { text-align: left; }
.light-1666 { text-align: right; }

.bottom-36fa { margin-bottom: 0; }
.box-dirty-4870 { margin-bottom: 0.5rem; }
.card-82a9 { margin-bottom: 1rem; }
.accordion-cee6 { margin-bottom: 1.5rem; }
.layout_hard_7a70 { margin-bottom: 2rem; }

.pagination-7061 { margin-top: 0; }
.popup_medium_ffc6 { margin-top: 0.5rem; }
.south-c43f { margin-top: 1rem; }
.right-439b { margin-top: 1.5rem; }
.sort-white-d78a { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .description_7b42 {
        padding: 6rem 0 3rem;
    }
    
    .overlay-dynamic-59c6 {
        text-align: center;
    }
    
    .footer_7aac {
        text-align: center;
    }
    
    .cold_47e7 {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .message_2621,
    .short_d983,
    .background_dark_ba35,
    .description-south-561f {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .description_7b42 {
        background: none;
    }
}

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

.banner-wood-8a4a {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;
    margin: 2rem 0;
}

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

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

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

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

.surface-light-7e8a {
    color: var(--accent-color);
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

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

.box-complex-3716 {
    list-style: none;
    padding: 0;
}

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

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

.badge-out-a889 {
    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);
}

.badge-out-a889 p {
    color: var(--text-gray);
    margin: 0;
}

/* Reviews Section */
.component-basic-59b1 {
    padding: var(--section-padding);
}

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

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

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

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

.focus-silver-a8cc {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.right-2f41 {
    display: flex;
    flex-direction: column;
}

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

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

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

.warm_d4b2 {
    font-size: 1.25rem;
}

.popup-3e83 {
    margin-bottom: 1rem;
}

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

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

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

.paragraph_fast_0ce9 {
    text-align: center;
}

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

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

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

.medium_49be {
    margin: 2rem 0;
}

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

.simple-35db .thumbnail-052a {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.panel-12e1 {
    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;
}

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

.detail-a5dc {
    font-size: 2rem;
}

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

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

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

/* Statistics Section */
.fluid-290a {
    padding: var(--section-padding);
}

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

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

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

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

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

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

.section-dd24 .complex-6b7e {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.75rem;
    display: block;
}

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

.element_over_1484 {
    margin-top: 4rem;
}

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

.preview_0960 {
    overflow-x: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.slider_tiny_9dd4.fn-active-11e7 .mask-south-69c0 {
    transform: rotate(45deg);
}

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

.slider_tiny_9dd4.fn-active-11e7 .steel_9ef9 {
    max-height: 1000px;
}

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

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

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

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

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

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

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

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

.table_orange_487d {
    font-size: 2rem;
}

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

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

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

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

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

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

.hot-8b81 {
    margin-top: 3rem;
}

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

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

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

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

.hero-4a3f {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.header-tiny-d237 p {
    color: var(--text-gray);
    margin: 0;
}

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

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

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

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

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

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

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

.chip_west_3dc0 {
    flex: 1;
}

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

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

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

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

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

/* Comparison Section */
.mask-short-329c {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.accent_active_ab8a, .filter-59f6, .footer-upper-332f {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

.footer-upper-332f {
    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 */
.left_627f {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.heading-08fa {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

.small_31e1 {
    margin: 2rem 0;
}

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

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

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

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

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

.heading-out-0b97 {
    flex: 1;
}

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

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

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

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

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

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

.image-old-9ee8 .box_c130 {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.image-old-9ee8 .complex-6b7e {
    color: var(--text-gray);
    font-size: 1rem;
}

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

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

.texture-stale-c1e3 strong {
    color: var(--accent-color);
}

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

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

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

.carousel-f233 {
    margin-bottom: 1.5rem;
}

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

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

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

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

.gas-c934 {
    display: flex;
    align-items: center;
}

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

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

.steel-60e4 {
    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;
}

.inner-e405 {
    color: var(--text-gray);
}

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

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

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

.carousel_red_74f9 {
    margin-top: 3rem;
}

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

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

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

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

.dynamic-d05b:last-child {
    border-bottom: none;
}

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

.preview-eed6 {
    margin: 2rem 0;
}

.focus-motion-9c44 {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

.under-c664 {
    padding: 1rem 1.5rem;
    background: var(--secondary-bg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    border-radius: var(--radius-md);
    color: var(--text-gray);
    cursor: pointer;
    transition: var(--transition-normal);
    font-weight: 600;
}

.under-c664:hover, .under-c664.fn-active-11e7 {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.new_fbc0 {
    display: none;
}

.new_fbc0.fn-active-11e7 {
    display: block;
}

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

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

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

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

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

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

.status-52a9 {
    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 */
.heading_88db {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.focused-53c2 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 2rem 0;
}

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

.section-9012.badge-wide-8b84 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

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

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

.row_46c4 {
    margin-top: 2rem;
}

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

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

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

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

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

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

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

.paper_4931 {
    margin: 2rem 0;
}

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

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

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

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

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

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

.message-bright-f583 {
    margin: 2rem 0;
}

.complex-450f {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

.gradient-rough-f32d {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

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

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

.info-red-1639 {
    margin-top: 2rem;
}

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

.prev-340f {
    list-style: none;
    padding: 0;
}

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

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

.breadcrumb-0989 a:hover {
    text-decoration: underline;
}

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

.header_under_7708 {
    margin: 2rem 0;
}

.rough-6d03 {
    margin-bottom: 3rem;
}

.rough-6d03 .image_cool_b32a {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

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

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

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

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

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

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

.dark_9172 {
    margin: 2rem 0;
}

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

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

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

.component-inner-92a8 {
    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;
}

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

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

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

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

.item_thick_1f78 .thumbnail-052a {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

.item_thick_1f78 .pressed-42c6 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.pattern-red-2d76 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

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

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

.alert-6dd0 {
    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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.header-full-51fb {
    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);
}

.header-full-51fb:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-accent);
}

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

.header-full-51fb .complex-6b7e {
    color: var(--text-gray);
    font-size: 1rem;
}

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

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

.gallery-advanced-4286 strong {
    color: var(--accent-color);
}

/* Football Leagues Section */
.search-down-6ef2 {
    margin: 2rem 0;
}

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

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

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

.focus-1f39 {
    flex: 1;
}

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

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

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

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

.article-91e4 .pressed-42c6 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

.article-91e4 .full_9968 {
    color: var(--text-gray);
    margin: 0;
}

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

.feature-easy-a1aa .dirty_37b5 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

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

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

.large_614d {
    flex: 1;
}

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

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

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

.slider-44fb {
    flex: 1;
}

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

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

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

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

.iron-81b5 {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

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

.backdrop_fluid_bea7 {
    margin-top: 2rem;
}

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

/* Game Categories Section */
.tabs-9d1e {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.frame-9e61 {
    margin: 2rem 0;
}

.feature-warm-9b1d {
    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 */
.dirty-6884 {
    padding: var(--section-padding);
}

.pagination-d29e {
    margin-top: 1rem;
}

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

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

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

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

.tiny-5143 {
    margin: 2rem 0;
}

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

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

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

.wrapper-57c2 {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

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

.icon-motion-d281 {
    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;
}

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

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

.backdrop_black_7259 .hero-4a3f {
    font-size: 2rem;
    flex-shrink: 0;
}

.backdrop_black_7259 .sidebar-7a50 {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

.out-5e01 {
    flex: 1;
}

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

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

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

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

.hover-401f {
    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);
}

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

.hover-401f strong {
    color: var(--warning-color);
}

/* Slots Section */
.summary-left-e9f0 {
    padding: var(--section-padding);
}

.article-gas-380a {
    margin: 2rem 0;
}

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

.menu_3c3c {
    margin: 2rem 0;
}

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

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

.summary-smooth-4393 .top-503a {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.summary-smooth-4393 .label-e8cc {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

.footer-4a38 {
    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);
}

.footer-4a38 .dirty_37b5 {
    color: var(--text-gray);
    margin: 0;
    text-align: center;
    font-size: 1.125rem;
}

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

.summary-32d9 {
    margin: 2rem 0;
}

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

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

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

.focus-1bed {
    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);
}

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

.focus-1bed.fn-active-11e7 {
    background: var(--accent-color);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

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

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

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

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

.menu_full_7221 {
    margin: 2rem 0;
}

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

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

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

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

.avatar_5186 {
    flex: 1;
}

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

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

.summary-06aa {
    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;
}

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

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

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

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

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

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

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

.new-792b strong {
    color: var(--accent-color);
}

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

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

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

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

.section-60d9 {
    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;
}

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

.rough-4b82 {
    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;
}

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

.pattern_d846 {
    font-size: 2rem;
}

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

.hot-f1ab {
    flex: 1;
}

.mask-basic-385d {
    color: var(--text-gray);
    margin-bottom: 1rem;
    line-height: 1.6;
    font-size: 0.9375rem;
}

.alert-4b28 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

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

.column-gas-fb5f {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.small-82e3 {
    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;
}

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

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

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

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

.out-9073 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

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

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

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

.link_d036 {
    color: var(--accent-color);
    font-weight: 600;
}

.background-advanced-3b3d {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
    text-align: center;
}

.background-advanced-3b3d strong {
    color: var(--accent-color);
}

/* Security Section */
.table_740b {
    padding: var(--section-padding);
}

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

/* Help Section */
.bronze_6539 {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.table_static_04cb {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

.photo-gold-30c3 {
    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) {
    .photo-gold-30c3 {
        flex-direction: column;
        gap: 1rem;
    }
}

.photo-gold-30c3:hover {
    transform: translateX(4px);
    border-color: var(--accent-color);
}

.photo-gold-30c3 .liquid-d73e {
    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;
}

.photo-gold-30c3 .slider-44fb {
    flex: 1;
}

.photo-gold-30c3 .up-24d2 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

.photo-gold-30c3 .yellow_6398 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

.in-2229 .icon-1ae1 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.in-2229 .primary-d996 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.in-2229 .primary-d996 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
}

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

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

/* Quick Registration Section */
.form-a755 {
    padding: var(--section-padding);
}

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

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

.panel-2cfd {
    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);
}

.panel-2cfd:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
}

.panel-2cfd .logo_upper_9b6b {
    font-size: 2rem;
    flex-shrink: 0;
}

.panel-2cfd .action-362d {
    flex: 1;
}

.panel-2cfd .right-3599 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.panel-2cfd .info-0673 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

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

.wide-bc49 .cold-bfad {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

.wide-bc49 .cold-bfad 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);
}

.wide-bc49 .cold-bfad li:last-child {
    border-bottom: none;
}

.wide-bc49 .cold-bfad 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;
}

.wide-bc49 .cold-bfad li strong {
    color: var(--text-white);
}

.mask-133b {
    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);
}

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

.mask-133b strong {
    color: var(--accent-color);
}

/* Security Tips Section */
.up-4e9a {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.short-fb2f {
    font-size: 2rem;
}

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

.static_04a5 {
    flex: 1;
}

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

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

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

.dark-c821 {
    margin-top: 3rem;
}

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

.next-c718 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

.wide_e708 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

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

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

/* Tech Stack Section */
.outline_0413 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.basic_c895 {
    margin: 2rem 0;
}

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

.hovered-04ce .image_cool_b32a {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

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

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

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

.header-1799 {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

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

/* Performance Section */
.detail-up-0a73 {
    padding: var(--section-padding);
}

.north-7605 {
    margin: 2rem 0;
}

.tertiary-7ba3 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

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

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

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

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

.thick_87bb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

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

.smooth-0fc5 {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.smooth-0fc5.paragraph-1451 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.fixed_4932 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.dark-aadc {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.mini_e8e1 {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

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

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

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

/* Update Log Section */
.pagination-6263 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.progress_4f06 {
    margin: 2rem 0;
}

.east_1178 {
    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) {
    .east_1178 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

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

.avatar-8f6a {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.pagination-pressed-7e4a {
    flex: 1;
}

.clean-fde4 {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

.block_b1da li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

.highlight-2e71 {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.first_d0b8 {
    flex: 1;
}

.outline-7eda {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

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

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

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

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

/* Promo Highlights */
.large-331a {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

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

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

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

.button_rough_cf91 .iron-3a8e {
    font-size: 2rem;
    flex-shrink: 0;
}

.button_rough_cf91 .backdrop-dirty-4414 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.button_rough_cf91 .red-5d1c {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

.button_rough_cf91 .clean-b231 {
    color: var(--accent-color);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Featured Promos Section */
.paper_f5d3 {
    padding: var(--section-padding);
}

.active_bottom_143c .logo-9d68 {
    flex: 1;
}

/* Promo Calendar Section */
.surface-3690 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.tall_048d {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.border_568a {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.grid-6ec3 {
    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);
}

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

.gold-2bbc {
    color: var(--text-white);
    font-size: 0.9375rem;
}

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

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

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

/* Requirements Section */
.rough-7e13 {
    padding: var(--section-padding);
}

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

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

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

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

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

.thumbnail_plasma_efcf li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.small-ee3e {
    margin-top: 3rem;
}

.small-ee3e .hard_2216 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.small-ee3e .next-c718 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.small-ee3e .wide_e708 {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.small-ee3e .wide_e708 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.small-ee3e .wide_e708 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.small-ee3e .wide_e708 li strong {
    color: var(--warning-color);
}

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

.pagination-4c4a strong {
    color: var(--accent-color);
}

/* Winners Hall Section */
.search_dim_074f {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.accent_paper_68d5 .image_cool_b32a {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.feature_1a2d {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.current-97e0 {
    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);
}

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

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

.shadow-hard-a622 {
    flex: 1;
}

.pattern-b3f3 {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.25rem;
    font-size: 1.125rem;
}

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

.highlight-3f8b {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

.texture-stale-c1e3 {
    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);
}

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

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

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.out-3079 { 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; }
.tertiary-in-2f03, .label-down-ffbe { max-width:100%; height:auto; }

.tag-bottom-611c, .middle_8e8d, .fixed_c809 { white-space:normal; }

.overlay-dynamic-59c6,
.footer_7aac,
.picture-cdf9,
.large-331a,
.detail_lower_3e23,
.mask_5e42 {
  flex-wrap:wrap;
}

[class*="grid"],
.element_yellow_9e16,
.tertiary-7ba3,
.secondary-short-f97d {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.description_7b42 img,
.footer_7aac img,
.caption_complex_aa42 img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.wrapper-65f9, .status_d32a,
.progress-last-a28f, .mask_short_b2df {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.preview_0960 { width:100%; overflow-x:auto; }
.preview_0960 table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.banner-wood-8a4a {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .banner-wood-8a4a {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.green_abfc {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.dropdown_current_6671,
.west-109b,
.backdrop_cae9,
.west_48f6,
.nav_d587,
.element_yellow_9e16,
.tertiary-7ba3,
.secondary-short-f97d,
.thumbnail_ebb6,
.menu_full_7221,
.banner-wood-8a4a {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .dropdown_current_6671,
  .west-109b,
  .backdrop_cae9,
  .west_48f6,
  .nav_d587,
  .element_yellow_9e16,
  .tertiary-7ba3,
  .secondary-short-f97d,
  .thumbnail_ebb6,
  .menu_full_7221,
  .banner-wood-8a4a {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.section-dd24,
.image-old-9ee8,
.alert_e805,
.old_1e5d,
.silver-feb2,
.black-dfee,
.section-3767,
.green_abfc {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.pro_d89b,
.filter_428a,
.feature_f3b5 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.pro_d89b > *,
.filter_428a > *,
.feature_f3b5 > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: a3fe */
.shadow-element-p0 {
  padding: 0.2rem;
  font-size: 10px;
  line-height: 1.2;
}