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

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

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

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

@media (min-width: 1024px) {
    .image-5be8 {
        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 */
.dim_e19d {
    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);
}

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .background_narrow_43ed {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .active_large_9e32 {
        grid-column: 1;
    }
    
    .image_ef8f {
        grid-column: 2;
    }
    
    .alert-green-4bbd {
        grid-column: 3;
    }
}

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

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

/* Navigation */
.button-2223 {
    display: none;
}

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

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

.title-gold-b3c7 {
    position: relative;
}

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

.title-gold-b3c7 .summary_cd98 {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

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

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

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

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

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

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

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


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

.under-031b::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: var(--primary-gradient);
    border-radius: inherit;
    z-index: -1;
    filter: blur(6px);
    opacity: 0.6;
    animation: mobilePulse 3s ease-in-out infinite;
}

@keyframes mobilePulse {
    0%, 100% {
        opacity: 0.6;
        transform: scale(1);
    }
    50% {
        opacity: 0.8;
        transform: scale(1.03);
    }
}

/* Mobile Menu */
.alert-green-4bbd {
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    z-index: 1001;
    position: relative;
}

@media (min-width: 1024px) {
    .alert-green-4bbd {
        display: none;
    }
}

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

.alert-green-4bbd.fn-active-e3be span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.alert-green-4bbd.fn-active-e3be span:nth-child(2) {
    opacity: 0;
}

.alert-green-4bbd.fn-active-e3be span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

.sort-upper-3947 {
    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;
}

.sort-upper-3947.fn-active-e3be {
    display: block;
    max-height: 500px;
}

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

.pagination-81e6 {
    list-style: none;
    padding: 0.75rem 0;
}

.frame-tiny-cf69 {
    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;
}

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


/* 移动端注册按钮动画效果 */
.frame-tiny-cf69.gallery-2d2f {
    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;
}

.frame-tiny-cf69.gallery-2d2f::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 */
.accent_active_bf16 {
    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;
}

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

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

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

.glass-072a:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

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

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

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

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

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

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

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

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

.table-action-3dda {
    font-size: 0.875em;
    opacity: 0.9;
    font-weight: 500;
}

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

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

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

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

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

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

.next_56db {
    margin-bottom: 2rem;
}

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

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

.disabled-pro-4294 {
    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);
}

.fresh_8531 {
    font-size: 1.5rem;
}

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

.surface-hard-21a0 {
    display: flex;
    justify-content: center;
    align-items: center;
}

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

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

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

.static-89af {
    text-align: center;
    margin-bottom: 3rem;
}

.heading-pink-53b5 {
    margin-bottom: 1rem;
}

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

.breadcrumb-89d3 {
    display: grid;
    gap: 3rem;
    align-items: center;
}

@media (min-width: 1024px) {
    .breadcrumb-89d3 {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
    
    .breadcrumb-89d3.media-advanced-599e {
        direction: rtl;
    }
    
    .breadcrumb-89d3.media-advanced-599e > * {
        direction: ltr;
    }
}

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

.table-2f26:first-child {
    margin-top: 0;
}

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

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

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

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

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

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

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

.fluid_4245 {
    list-style: none;
}

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

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

/* Games Features */
.summary-liquid-0df5 {
    display: grid;
    gap: 2rem;
    margin: 2rem 0;
}

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

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

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

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

/* Bonus Highlight */
.pagination-fe5a {
    margin: 2rem 0;
}

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

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

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

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

/* VIP Tiers */
.breadcrumb-wood-2364 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

.picture_dbae {
    font-size: 1.5rem;
}

.frame-hard-3050 {
    color: var(--accent-color);
    margin: 0;
}

.tabs-46b2 {
    list-style: none;
}

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

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

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

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

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

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

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

.logo-df40 {
    font-size: 1.25rem;
}

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

/* Statistics */
.info_aef9,
.modal-pink-ada0 {
    text-align: center;
    margin: 2rem 0;
}

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

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

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

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

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

.hidden-27fb {
    margin-bottom: 1rem;
}

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

.middle-f16e {
    margin-bottom: 3rem;
}

.video-bff6 {
    margin-top: 3rem;
}

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

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

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

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

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

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

.selected-36bc {
    display: grid;
    gap: 2rem;
    padding: 3rem 0 2rem;
}

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

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

.filter_b03a {
    margin-bottom: 1rem;
}

.gradient-ce46 img {
    margin-bottom: 1rem;
}

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

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

.gradient-2bee {
    list-style: none;
}

.gradient-2bee li {
    margin-bottom: 0.5rem;
}

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

.gradient-2bee a:hover {
    color: var(--accent-color);
}

.slider-wood-f8b0 {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

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

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

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

.huge-af31 p {
    margin-bottom: 0.25rem;
}

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

.icon_slow_c8bf {
    text-align: center;
}

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

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

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

.component-soft-f2a8 {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

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

.gradient-middle-d813 {
    animation: fadeInUp 0.6s ease-out;
}

.gold_3862 {
    animation: pulse 2s infinite;
}

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

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

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

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

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

.cool_3088 .steel_19fa {
    font-size: 1.25rem;
}

.cool_3088 .dropdown-a419 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

.accordion-d028 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

.small-b53f {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

.primary-brown-9a35 {
    display: flex;
    justify-content: center;
    margin: 3rem 0;
}

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

.primary-brown-9a35 img:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-glow);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.paragraph-gas-3749 .logo-df40 {
    font-size: 1.25rem;
}

.paragraph-gas-3749 .alert-af9d {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--success-color);
}

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

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

.rough-d7ec .steel_19fa {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.rough-d7ec .image_f243 {
    color: var(--text-gray);
    line-height: 1.6;
}

.description-north-393b {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.element_7c50 .backdrop-glass-5bec {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.element_7c50 .gas-65a1 {
    color: var(--text-gray);
    line-height: 1.6;
}

.mask-160e {
    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);
}

.status-top-177e {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

.summary-middle-cf13 {
    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);
}

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

.feature-289f {
    font-size: 3rem;
    margin-bottom: 1.5rem;
}

.shadow-5056 {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

.footer-outer-2e5f {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.item-545e {
    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);
}

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

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

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

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

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

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

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

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

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

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

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

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

.logo_medium_0e7c {
    flex: 1;
}

.accordion-static-83a0 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
}

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

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

.action-5a41 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.banner-paper-d81c .backdrop-glass-5bec {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.banner-paper-d81c .gas-65a1 {
    color: var(--text-gray);
    line-height: 1.6;
}

.modal-pink-ada0 {
    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);
}

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

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

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

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

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

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

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

.notice-8e85 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

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

.grid-stone-55ec {
    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);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.card_4cba {
    padding: 1.5rem;
}

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

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

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

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

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

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

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

.layout-old-3104 {
    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);
}

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

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

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

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

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

.picture-1432 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

.detail_be68 {
    text-align: center;
}

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

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

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

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

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

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

.message-static-0947 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

.alert-20af {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

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

.tooltip-selected-d5e7 {
    padding: 1.5rem;
}

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

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

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

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

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

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

.focused-5a23 {
    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);
}

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

.breadcrumb-1e7a {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.picture-paper-305f {
    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);
}

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

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

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

.popup-fluid-9d50 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.huge-b2db {
    display: flex;
    gap: 1rem;
}

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

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

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

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

.left-d038 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;
}

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

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

.summary-south-7406 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

.mini-62ae {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

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

.first_4f5e {
    font-size: 1rem;
}

.slow_53f4 {
    padding: 1.5rem;
}

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

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

.over-6e75 .detail_be68 {
    text-align: center;
}

.over-6e75 .full_f053 {
    color: var(--text-muted);
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.25rem;
}

.over-6e75 .shade_7e2c {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

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

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

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

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

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

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

.image-9eab {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.form-hovered-1ec0 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

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

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

.layout-1541 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

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

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

.description-north-393b {
    list-style: none;
    padding: 0;
    margin: 0;
}

.description-north-393b 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;
}

.description-north-393b li:last-child {
    border-bottom: none;
}

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

.list-58dc {
    display: grid;
    gap: 1.5rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

.panel_6ae8.box_d3d3 .hero-3d2d {
    background: rgba(6, 182, 212, 0.1);
}

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

.column-dark-3ae5 {
    color: var(--accent-color);
    margin: 0;
    font-size: 1.125rem;
}

.panel_6ae8.box_d3d3 .column-dark-3ae5 {
    color: var(--info-color);
}

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

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

.panel_6ae8.box_d3d3 .clean-ff19 {
    color: var(--info-color);
}

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

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

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

.notice-top-09b0 {
    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);
}

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

.dim-e526 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.cold_6c50 {
    flex: 1;
}

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

.shade-fluid-0042 {
    color: var(--text-gray);
    line-height: 1.6;
}

.content-895d {
    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);
}

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

.fast-7eea {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

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

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

.hover_orange_8240 .detail_be68 {
    text-align: center;
}

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

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

.hot-9e98 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.widget-silver-6e95 {
    color: var(--accent-color);
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
}

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

.box_82bd.wood-b38a {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.box_82bd.glass-dbaa {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
}

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

.description-gold-94de {
    padding: 1.5rem;
    text-align: center;
}

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

.gallery-steel-99d1 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.gallery-steel-99d1 .bright_2ce7 {
    color: var(--text-gray);
    font-size: 0.875rem;
    text-align: left;
}

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

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

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

.mask_bc22 {
    text-align: center;
}

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

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

/* Utility Classes */
.detail_d25e { text-align: center; }
.liquid-b859 { text-align: left; }
.action_84ba { text-align: right; }

.active_3fec { margin-bottom: 0; }
.pattern-south-a2cd { margin-bottom: 0.5rem; }
.shadow-105c { margin-bottom: 1rem; }
.new_e24f { margin-bottom: 1.5rem; }
.short_9d68 { margin-bottom: 2rem; }

.widget_thick_5247 { margin-top: 0; }
.shadow_dirty_e9b5 { margin-top: 0.5rem; }
.disabled-north-de29 { margin-top: 1rem; }
.header_649d { margin-top: 1.5rem; }
.gas-086a { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .chip_9538 {
        padding: 6rem 0 3rem;
    }
    
    .texture_2d9c {
        text-align: center;
    }
    
    .breadcrumb-89d3 {
        text-align: center;
    }
    
    .secondary_b4fa {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .dim_e19d,
    .sort-upper-3947,
    .hard_3cff,
    .form_center_e787 {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .chip_9538 {
        background: none;
    }
}

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

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

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

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

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

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

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

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

.hard-99f7 {
    list-style: none;
    padding: 0;
}

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

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

.selected-11d0 {
    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);
}

.selected-11d0 p {
    color: var(--text-gray);
    margin: 0;
}

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

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

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

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

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

.aside-pressed-fd9c {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.under-7dbb {
    display: flex;
    flex-direction: column;
}

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

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

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

.tabs-c354 {
    font-size: 1.25rem;
}

.tag-48a6 {
    margin-bottom: 1rem;
}

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

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

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

.detail_be68 {
    text-align: center;
}

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

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

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

.mask_3766 {
    margin: 2rem 0;
}

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

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

.description-9e80 {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

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

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

.accordion_wide_da33 {
    font-size: 2rem;
}

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

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

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

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

.paragraph-dark-4bd2 {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;
    margin: 2rem 0;
}

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

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

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

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

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

.up-2611 .full_f053 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.75rem;
    display: block;
}

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

.footer-down-c530 {
    margin-top: 4rem;
}

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

.thumbnail-27d0 {
    overflow-x: auto;
}

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

.bronze-17a8 thead {
    background: var(--accent-color);
}

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

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

.bronze-17a8 tbody tr:hover {
    background: rgba(6, 182, 212, 0.1);
}

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

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

.shade-lower-5b91 {
    max-width: 900px;
    margin: 0 auto;
}

.notice-left-9a09 {
    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);
}

.notice-left-9a09:hover {
    border-color: var(--accent-color);
}

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

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

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

.notice-left-9a09.fn-active-e3be .section_last_f19c {
    transform: rotate(45deg);
}

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

.notice-left-9a09.fn-active-e3be .hover_9cd2 {
    max-height: 1000px;
}

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

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

.primary-brown-9a35 {
    margin: 2rem 0;
    text-align: center;
}

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

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

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

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

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

.shade-886b {
    font-size: 2rem;
}

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

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

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

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

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

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

.tertiary-3727 {
    margin-top: 3rem;
}

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

.old-2d1f {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

.logo-bright-27de {
    font-size: 1.5rem;
    flex-shrink: 0;
}

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

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

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

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

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

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

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

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

.notification_b19d {
    flex: 1;
}

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

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

.huge-3cac {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

.tertiary_129a, .rough_acdf, .north-ea8f {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

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

.caption-b36a {
    margin: 2rem 0;
}

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

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

.image-dcc1 {
    list-style: none;
    padding: 0;
}

.image-dcc1 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;
}

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

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

.form-prev-01cf {
    text-align: center;
    margin-top: 2rem;
}

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

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

.widget_1c2e {
    margin: 2rem 0;
}

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

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

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

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

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

.gallery-out-a2fb {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.background_4358 {
    margin-bottom: 1.5rem;
}

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

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

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

.header-selected-a3d1 {
    width: 100%;
    margin-top: 1rem;
}

.icon-basic-cbb8 {
    display: flex;
    align-items: center;
}

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

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

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

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

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

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

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

.title_b95c {
    margin-top: 3rem;
}

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

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

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

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

.modal-new-61da:last-child {
    border-bottom: none;
}

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

.progress_bc05 {
    margin: 2rem 0;
}

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

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

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

.message-advanced-c12b {
    display: none;
}

.message-advanced-c12b.fn-active-e3be {
    display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.title_outer_a1d6.soft-8a35 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.title_outer_a1d6.tooltip-06af {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

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

.avatar-8a21 {
    margin-top: 2rem;
}

.over-1a56 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

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

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

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

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

.module-2ba7 {
    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 */
.panel_dynamic_1223 {
    padding: var(--section-padding);
}

.link-mini-61bb {
    margin: 2rem 0;
}

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

.tag-over-c678 {
    color: var(--warning-color);
    margin-bottom: 1rem;
}

.active-be41 {
    list-style: none;
    padding: 0;
}

.active-be41 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;
}

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

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

.green-a680 {
    margin: 2rem 0;
}

.background-4cbd {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

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

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

.gallery-motion-adef {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.link-focused-9cce {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

.narrow-c1a8 {
    margin-top: 2rem;
}

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

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

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

.dropdown-fast-3966 a {
    color: var(--accent-color);
    text-decoration: none;
}

.dropdown-fast-3966 a:hover {
    text-decoration: underline;
}

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

.south-32b6 {
    margin: 2rem 0;
}

.item_narrow_646c {
    margin-bottom: 3rem;
}

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

.hidden-warm-92a2 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

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

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

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

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

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

.label_glass_fb79 {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

.gradient_white_3ea3 .steel_19fa {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.article-short-98d1 {
    color: var(--text-white);
    font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.grid-stone-55ec {
    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);
}

.grid-stone-55ec:hover {
    border-color: var(--accent-color);
    transform: translateX(4px);
}

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

.feature-9f34 {
    flex: 1;
}

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

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

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

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

.up_c00e .accordion_6e88 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

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

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

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

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

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

.logo_medium_0e7c {
    flex: 1;
}

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

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

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

.video-5e95 {
    flex: 1;
}

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

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

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

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

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

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

.notification_white_a510 {
    margin-top: 2rem;
}

.notification_white_a510 .text-yellow-e8b4 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

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

.description_focused_82ce {
    margin: 2rem 0;
}

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

.tooltip-selected-d5e7 {
    margin-top: 1rem;
}

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

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

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

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

.gallery-ff86 {
    margin: 2rem 0;
}

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

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

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

.active-169f {
    margin: 2rem 0;
}

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

.caption-61e6 .video_center_9a2c {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

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

.brown-6e59 {
    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);
}

.shadow-motion-c1c3 {
    color: var(--text-white);
    font-weight: 600;
}

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

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

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

/* Tips Section */
.shade-4e30 {
    padding: var(--section-padding);
}

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

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

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

.yellow-8382 .logo-bright-27de {
    font-size: 2rem;
    flex-shrink: 0;
}

.yellow-8382 .outer-a94c {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

.box-e1eb {
    flex: 1;
}

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

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

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

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

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

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

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

/* Slots Section */
.slider-narrow-a9e6 {
    padding: var(--section-padding);
}

.primary_3bce {
    margin: 2rem 0;
}

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

.badge_dynamic_9e38 {
    margin: 2rem 0;
}

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

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

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

.modal_prev_92d4 .purple-a2f5 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

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

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

.description-top-26b4 {
    margin: 2rem 0;
}

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

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

.under-3c47 {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

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

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

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

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

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

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

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

.dim_4f09 {
    margin: 2rem 0;
}

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

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

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

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

.text_9bcf {
    flex: 1;
}

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

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

.steel-559d {
    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;
}

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

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

.search-tiny-88b8 {
    color: var(--text-muted);
    font-size: 0.875rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.title-easy-4239 {
    font-size: 2rem;
}

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

.first_fdb9 {
    flex: 1;
}

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

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

.nav-slow-2c10 {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.under-5c43 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

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

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

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

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

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

.texture-fresh-9254 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
    .texture-fresh-9254 {
        grid-template-columns: repeat(3, 1fr);
    }
}

.component-6c42 {
    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);
}

.title-5be2 {
    color: var(--text-white);
    font-weight: 600;
}

.button_9c81 {
    color: var(--accent-color);
    font-weight: 600;
}

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

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

/* Security Section */
.static_f5bd {
    padding: var(--section-padding);
}

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

/* Help Section */
.focused_005b {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.dark-6f95 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

.picture_9e8f {
    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) {
    .picture_9e8f {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.picture_9e8f .title-d089 {
    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;
}

.picture_9e8f .video-5e95 {
    flex: 1;
}

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

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

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

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

.prev-cd37 .popup_orange_3eb3 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.prev-cd37 .popup_orange_3eb3 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
}

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

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

/* Quick Registration Section */
.nav_inner_9597 {
    padding: var(--section-padding);
}

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

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

.text-orange-6d97 {
    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);
}

.text-orange-6d97:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
}

.text-orange-6d97 .hot_10fb {
    font-size: 2rem;
    flex-shrink: 0;
}

.text-orange-6d97 .picture-31ed {
    flex: 1;
}

.text-orange-6d97 .backdrop-glass-5bec {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.text-orange-6d97 .steel_391e {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

.accent_paper_f295 .primary-left-5a1c {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.accent_paper_f295 .lite_934e {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

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

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

.accent_paper_f295 .lite_934e 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;
}

.accent_paper_f295 .lite_934e li strong {
    color: var(--text-white);
}

.row-8b91 {
    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);
}

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

.row-8b91 strong {
    color: var(--accent-color);
}

/* Security Tips Section */
.clean-08a9 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.fluid-5ac3 {
    font-size: 2rem;
}

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

.row-hard-f4ad {
    flex: 1;
}

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

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

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

.green_60fa {
    margin-top: 3rem;
}

.accordion-advanced-8414 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.tag-over-c678 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

.active-be41 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.active-be41 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.active-be41 li strong {
    color: var(--warning-color);
}

/* Tech Stack Section */
.photo-9d0a {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.banner-last-29b6 {
    margin: 2rem 0;
}

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

.large-980e .video_center_9a2c {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.filter-2e9a {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

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

.small-fcad {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

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

/* Performance Section */
.slider_warm_0b35 {
    padding: var(--section-padding);
}

.tertiary-complex-31de {
    margin: 2rem 0;
}

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

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

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

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

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

.tag-e4b4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

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

.mask-inner-49a2 {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.mask-inner-49a2.active_7b65 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.selected_6473 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.outline-iron-d92e {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.modal_bright_a432 {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

.panel-green-9b93 {
    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);
}

.panel-green-9b93 p {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.panel-green-9b93 strong {
    color: var(--accent-color);
}

/* Update Log Section */
.module_456d {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.header_mini_c749 {
    margin: 2rem 0;
}

.input-first-e551 {
    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) {
    .input-first-e551 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.input-first-e551::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);
}

.focused-dc80 {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.logo_3bc4 {
    flex: 1;
}

.notice_0485 {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

.heading_dbfc li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.item-8ff4 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 640px) {
    .item-8ff4 {
        grid-template-columns: repeat(3, 1fr);
    }
}

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

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

.old-83b6 {
    flex: 1;
}

.slider-f722 {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

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

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

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

.picture-2cdb strong {
    color: var(--accent-color);
}

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

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

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

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

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

.grid_1e59 .action-b846 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.grid_1e59 .gradient_hovered_3521 {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

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

/* Featured Promos Section */
.disabled_ce96 {
    padding: var(--section-padding);
}

.active-4dde .notification_tiny_1d45 {
    flex: 1;
}

/* Promo Calendar Section */
.active-pink-8bb6 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.green-fe92 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.easy-3051 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

.message-motion-ad64 {
    color: var(--accent-color);
    font-weight: 600;
    font-size: 0.875rem;
}

.search-c08e {
    color: var(--text-white);
    font-size: 0.9375rem;
}

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

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

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

/* Requirements Section */
.middle_3c78 {
    padding: var(--section-padding);
}

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

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

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

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

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

.input_2626 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.chip-1642 {
    margin-top: 3rem;
}

.chip-1642 .accordion-advanced-8414 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.chip-1642 .tag-over-c678 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.chip-1642 .active-be41 {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.chip-1642 .active-be41 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.chip-1642 .active-be41 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.chip-1642 .active-be41 li strong {
    color: var(--warning-color);
}

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

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

/* Winners Hall Section */
.glass-67d1 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.current-7a2e .video_center_9a2c {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.surface-outer-02d6 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

.button-static-0ab1 {
    font-size: 2rem;
    flex-shrink: 0;
}

.thumbnail_motion_457f {
    flex: 1;
}

.shade-old-ff3c {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.25rem;
    font-size: 1.125rem;
}

.element-soft-7d0f {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.surface_action_7033 {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

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

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

.filter-dark-975b strong {
    color: var(--accent-color);
}

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.image-5be8 { 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; }
.breadcrumb-9e52, .avatar_7159 { max-width:100%; height:auto; }

.accent_active_bf16, .feature-hot-c2c3, .gradient_tall_2606 { white-space:normal; }

.texture_2d9c,
.breadcrumb-89d3,
.secondary-05ec,
.lite_172c,
.content_new_46ac,
.under_1949 {
  flex-wrap:wrap;
}

[class*="grid"],
.button_339b,
.glass_edf4,
.outline_steel_ee86 {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.chip_9538 img,
.breadcrumb-89d3 img,
.surface-hard-21a0 img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.chip_bbd1, .frame-in-1777,
.heading-pink-53b5, .tag_64af {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.thumbnail-27d0 { width:100%; overflow-x:auto; }
.thumbnail-27d0 table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.icon-cool-ba89 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .icon-cool-ba89 {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.paragraph-f036 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.paragraph-dark-4bd2,
.left_785f,
.menu-3d7f,
.primary-beea,
.highlight_3405,
.button_339b,
.glass_edf4,
.outline_steel_ee86,
.summary_d121,
.dim_4f09,
.icon-cool-ba89 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .paragraph-dark-4bd2,
  .left_785f,
  .menu-3d7f,
  .primary-beea,
  .highlight_3405,
  .button_339b,
  .glass_edf4,
  .outline_steel_ee86,
  .summary_d121,
  .dim_4f09,
  .icon-cool-ba89 {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.up-2611,
.grid_stale_be9d,
.warm_be3e,
.disabled-pro-4294,
.disabled_iron_9720,
.mask_bc22,
.outer_b7f7,
.paragraph-f036 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.media-motion-5d54,
.heading_inner_9795,
.caption-f301 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.media-motion-5d54 > *,
.heading_inner_9795 > *,
.caption-f301 > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: 9097 */
.widget-item-u0 {
  padding: 0.3rem;
  font-size: 14px;
  line-height: 1.3;
}