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

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

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

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

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

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .hero-small-bf21 {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .detail-hard-e68e {
        grid-column: 1;
    }
    
    .primary_right_0eaf {
        grid-column: 2;
    }
    
    .carousel-orange-ab1d {
        grid-column: 3;
    }
}

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

.detail-hard-e68e:hover img {
    transform: scale(1.05);
}

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

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

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

.primary-west-d56c {
    position: relative;
}

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

.primary-west-d56c .alert-5a33 {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

.alert-5a33 {
    display: flex;
    list-style: none;
    gap: 1.5rem;
}

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

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

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

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

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

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


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

.picture-fad0::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 */
.carousel-orange-ab1d {
    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) {
    .carousel-orange-ab1d {
        display: none;
    }
}

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

.carousel-orange-ab1d.fn-active-128b span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.carousel-orange-ab1d.fn-active-128b span:nth-child(2) {
    opacity: 0;
}

.carousel-orange-ab1d.fn-active-128b span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

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

.highlight-ec3e.fn-active-128b {
    display: block;
    max-height: 500px;
}

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

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

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

.north-ea94:hover,
.north-ea94.fn-active-128b {
    background: var(--tertiary-bg);
    color: var(--accent-light);
    border-left: 3px solid var(--accent-color);
    padding-left: 1.375rem;
}


/* 移动端注册按钮动画效果 */
.north-ea94.wood-54a1 {
    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;
}

.north-ea94.wood-54a1::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 */
.advanced-77d0 {
    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;
}

.table-fluid-8f7b {
    background: var(--primary-gradient);
    color: var(--text-white);
    box-shadow: var(--shadow-accent);
}

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

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

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

.gallery-53db {
    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;
}

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

.slider-action-5635 {
    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;
}

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

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

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

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

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

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

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

.paragraph-next-2fbb {
    font-size: 0.875em;
    opacity: 0.9;
    font-weight: 500;
}

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

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

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

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

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

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

.header-full-309a {
    margin-bottom: 2rem;
}

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

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

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

.hidden-smooth-71f0 {
    font-size: 1.5rem;
}

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

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

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

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

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

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

.stone-242b {
    margin-bottom: 1rem;
}

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

.short-9c31 {
    display: grid;
    gap: 3rem;
    align-items: center;
}

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

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

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

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

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

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

/* Payment Methods */
.frame-purple-7372 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.frame-pink-368a {
    list-style: none;
}

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

.frame-pink-368a li:last-child {
    border-bottom: none;
}

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

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

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

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

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

/* Bonus Highlight */
.focus-motion-6fe3 {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

.avatar_90fd {
    font-size: 1.5rem;
}

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

.next_c9b2 {
    list-style: none;
}

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

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

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

.east-777d {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

.media_large_b578 {
    font-size: 1.25rem;
}

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

/* Statistics */
.filter_7c92,
.wood-ba42 {
    text-align: center;
    margin: 2rem 0;
}

.hidden-1cca,
.badge_8aba {
    font-size: 1.125rem;
    color: var(--accent-color);
    font-weight: 600;
}

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

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

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

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

.element_pressed_5bef {
    margin-bottom: 1rem;
}

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

.feature_middle_11c5 {
    margin-bottom: 3rem;
}

.search-solid-1b74 {
    margin-top: 3rem;
}

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

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

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

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

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

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

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

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

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

.label-a6a2 {
    margin-bottom: 1rem;
}

.hidden_a3f3 img {
    margin-bottom: 1rem;
}

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

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

.accordion_74cf {
    list-style: none;
}

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

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

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

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

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

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

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

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

.form-next-99ba {
    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) {
    .form-next-99ba {
        flex-direction: row;
    }
}

.selected-74b7 {
    text-align: center;
}

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

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

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

.panel-pink-e205 {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

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

.image-wood-5b98 {
    animation: fadeInUp 0.6s ease-out;
}

.filter-ecd4 {
    animation: pulse 2s infinite;
}

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

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

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

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

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

.hidden-1497 .info_d74a {
    font-size: 1.25rem;
}

.hidden-1497 .title-current-9b92 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

.container-wide-9aca {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

.backdrop-bottom-73cd {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

.dynamic-599f {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.paragraph-504d {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

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

.paragraph-504d 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);
}

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

.paragraph-504d input::placeholder {
    color: var(--text-muted);
}

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

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

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

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

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

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

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

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

.focus_929b .media_large_b578 {
    font-size: 1.25rem;
}

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

.link-edad {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form_fa63 {
    flex: 1;
}

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

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

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

.block-up-f7d3:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

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

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

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

.advanced-634c {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

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

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

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

.hidden-f53d .new-bb3a {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.hidden-f53d .steel_4c54 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

.short-f389 .info_d74a {
    font-size: 2rem;
    flex-shrink: 0;
}

.short-f389 .tiny-dcc9 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.short-f389 .stone_1464 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

.chip-pink-e3df {
    font-size: 2rem;
    flex-shrink: 0;
}

.card-dynamic-b05f {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

.wrapper-5878 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.slider-easy-ea35 {
    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);
}

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

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

.banner_7023 {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.steel-982f {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

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

.section-smooth-756d {
    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);
}

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

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

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

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

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

.short-f389 .tiny-dcc9 {
    color: var(--success-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.short-f389 .stone_1464 {
    color: var(--text-gray);
    line-height: 1.6;
}

.image-blue-1a9c {
    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);
}

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

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

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

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

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

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

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

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

.footer_2428 {
    padding: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

.frame-dim-726a {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

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

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

.current-398b {
    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);
}

.module-48a9 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.layout-74c2 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.soft-4130 {
    text-align: center;
}

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

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

.full-b7f8 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.background-selected-b858 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

.silver_af8b {
    padding: 1.5rem;
}

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

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

.description_497d 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_497d li:last-child {
    border-bottom: none;
}

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

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

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

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

.gallery-562b {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.layout-4d2a {
    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);
}

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

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

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

.frame-in-918d {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

.menu_narrow_b357 .background-black-4f6f {
    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;
}

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

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

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

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

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

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

.layout-3b94 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

.orange_d496 {
    font-size: 1rem;
}

.chip_f754 {
    padding: 1.5rem;
}

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

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

.narrow_2350 .soft-4130 {
    text-align: center;
}

.narrow_2350 .wide-f776 {
    color: var(--text-muted);
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.25rem;
}

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

.border_clean_cc4f {
    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_clean_cc4f:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-glow);
}

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

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

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

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

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

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

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

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

.sort-basic-fc5b {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

.slider_0611.photo-5f71 {
    background: linear-gradient(135deg, #cd7f32, #a0522d);
    color: white;
}

.slider_0611.hot-0af2 {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

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

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

.slider_0611.table-light-758f {
    background: linear-gradient(135deg, #b9f2ff, #00bfff);
    color: #0f172a;
}

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

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

.status-in-ef2e {
    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);
}

.pattern-under-038c {
    color: var(--info-color);
    margin-bottom: 1rem;
    font-size: 1.125rem;
}

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

.tall-c1b2 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;
}

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

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

.narrow-3211 {
    display: grid;
    gap: 1.5rem;
    margin: 3rem 0;
}

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

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

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

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

.outline-in-181b.logo_1b1d {
    grid-column: 1 / -1;
    border-color: rgba(6, 182, 212, 0.3);
}

@media (min-width: 1024px) {
    .outline-in-181b.logo_1b1d {
        grid-column: span 3;
    }
}

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

.outline-in-181b.logo_1b1d .large-9461 {
    background: rgba(6, 182, 212, 0.1);
}

.box-2e26 {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 0.5rem;
}

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

.outline-in-181b.logo_1b1d .primary_bottom_e846 {
    color: var(--info-color);
}

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

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

.outline-in-181b.logo_1b1d .focus_e361 {
    color: var(--info-color);
}

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

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

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

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

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

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

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

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

.wide-c57d {
    flex: 1;
}

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

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

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

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

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

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

.selected-671e {
  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);
}

.selected-671e .soft-4130 {
    text-align: center;
}

.selected-671e .under_bd27 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--info-color);
    margin-bottom: 0.5rem;
}

.selected-671e .wide-f776 {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

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

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

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

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

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

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

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

.dropdown-hovered-1567 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

.avatar-glass-2aee {
    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);
}

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

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

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

.tabs-cd0d.picture-white-d4b0 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.tabs-cd0d.icon-active-5b07 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
}

.tabs-cd0d.content_5411 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--info-color);
}

.heading-4c4e {
    padding: 1.5rem;
    text-align: center;
}

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

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

.slider-f2a5 .menu_huge_0720 {
    color: var(--text-gray);
    font-size: 0.875rem;
    text-align: left;
}

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

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

.photo-smooth-8ecd {
  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);
}

.notice_large_185d {
    text-align: center;
}

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

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

/* Utility Classes */
.article-brown-ac6c { text-align: center; }
.bronze-d460 { text-align: left; }
.thumbnail_afd1 { text-align: right; }

.main_cfc4 { margin-bottom: 0; }
.thumbnail-pressed-7410 { margin-bottom: 0.5rem; }
.container-6eb4 { margin-bottom: 1rem; }
.background_basic_d9ee { margin-bottom: 1.5rem; }
.under_530b { margin-bottom: 2rem; }

.next_9cd4 { margin-top: 0; }
.north_5dae { margin-top: 0.5rem; }
.sidebar_492a { margin-top: 1rem; }
.highlight-wide-9495 { margin-top: 1.5rem; }
.link_c513 { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .module_iron_a2c6 {
        padding: 6rem 0 3rem;
    }
    
    .accent-d8d3 {
        text-align: center;
    }
    
    .short-9c31 {
        text-align: center;
    }
    
    .sidebar_black_c499 {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .fixed_3eea,
    .highlight-ec3e,
    .secondary_e089,
    .frame-5c75 {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .module_iron_a2c6 {
        background: none;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Reviews Section */
.stone-3da5 {
    padding: var(--section-padding);
}

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

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

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

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

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

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

.nav-simple-3e96 {
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.25rem;
}

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

.input-e7a5 {
    color: var(--accent-color);
}

.yellow-a8d8 {
    font-size: 1.25rem;
}

.steel-375f {
    margin-bottom: 1rem;
}

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

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

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

.soft-4130 {
    text-align: center;
}

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

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

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

.simple_a939 {
    margin: 2rem 0;
}

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

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

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

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

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

.mini_1a0c {
    font-size: 2rem;
}

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

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

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

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

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

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

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

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

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

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

.heading_ae16 .wide-f776 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.75rem;
    display: block;
}

.heading_ae16 .component-easy-6b58 {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin: 0;
}

.gold_5fbc {
    margin-top: 4rem;
}

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

.secondary_7aa5 {
    overflow-x: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.media_gas_d709.fn-active-128b .smooth-20b5 {
    transform: rotate(45deg);
}

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

.media_gas_d709.fn-active-128b .title-7bb6 {
    max-height: 1000px;
}

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

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

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

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

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

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

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

.hover-short-92e4 {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.east_61bb {
    font-size: 2rem;
}

.photo-soft-46bf {
    color: var(--text-white);
    margin: 0;
}

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

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

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

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

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

.avatar-center-673b {
    margin-top: 3rem;
}

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

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

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

.menu-narrow-0370 {
    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);
}

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

.menu-narrow-0370 p {
    color: var(--text-gray);
    margin: 0;
}

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

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

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

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

.chip-outer-982e:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

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

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

.progress-2619 {
    flex: 1;
}

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

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

.frame-brown-6e5b {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.orange-04cd:last-child {
    border-bottom: none;
}

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

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

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

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

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

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

.panel-b2d9, .pressed_cc79, .main-hot-8a2a {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

.main-hot-8a2a {
    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 */
.hidden-d215 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.paper_8f8f {
    margin: 2rem 0;
}

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

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

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

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

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

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

.light-16ae {
    text-align: center;
    margin-top: 2rem;
}

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

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

.progress-daaa {
    margin: 2rem 0;
}

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

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

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

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

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

.item-0076 {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

.section-static-19be {
    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);
}

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

.primary-yellow-e73e strong {
    color: var(--accent-color);
}

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

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

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

.article_dim_8536 {
    margin-bottom: 1.5rem;
}

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

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

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

.column-fixed-8dfd {
    width: 100%;
    margin-top: 1rem;
}

.info-a174 {
    display: flex;
    align-items: center;
}

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

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

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

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

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

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

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

.smooth_203a {
    margin-top: 3rem;
}

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

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

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

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

.media-4e77:last-child {
    border-bottom: none;
}

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

.stone_d3dc {
    margin: 2rem 0;
}

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

.search-first-0975 {
    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;
}

.search-first-0975:hover, .search-first-0975.fn-active-128b {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.upper-c934 {
    display: none;
}

.upper-c934.fn-active-128b {
    display: block;
}

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

.sort-yellow-88d6 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

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

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

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

.sort_bb23 {
    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 */
.hidden-over-a07c {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.border-middle-c48a {
    display: flex;
    gap: 1.5rem;
}

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

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

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

.mini-7cba.detail-prev-ba72 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.mini-7cba.prev_2e35 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

.mini-7cba.pressed-2d9f {
    background: rgba(239, 68, 68, 0.2);
    color: var(--danger-color);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.iron-95f5 {
    margin-top: 2rem;
}

.row-310b {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

.notice_bottom_3a15 {
    margin: 2rem 0;
}

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

.search-brown-7844 {
    color: var(--warning-color);
    margin-bottom: 1rem;
}

.outer-1ddf {
    list-style: none;
    padding: 0;
}

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

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

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

.upper-ef6e {
    margin: 2rem 0;
}

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

.caption-north-a3a5 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

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

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

.component_yellow_0db8 {
    margin-top: 2rem;
}

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

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

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

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

.bronze-bd73 a:hover {
    text-decoration: underline;
}

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

.notice-pressed-7ed3 {
    margin: 2rem 0;
}

.west-ebcd {
    margin-bottom: 3rem;
}

.west-ebcd .lower-ad0d {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

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

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

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

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

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

.modal-b56f {
    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 */
.texture-361f {
    padding: var(--section-padding);
}

.old-34a3 {
    margin: 2rem 0;
}

.hidden-36d5 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

.component-over-35a4 {
    background: rgba(6, 182, 212, 0.1) !important;
}

.under-01f9 {
    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;
}

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

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

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

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

.notice_113e .info_d74a {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

.notice_113e .tiny-dcc9 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

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

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

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

.fluid-5de0 {
    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;
}

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

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

.tag-red-d8b8 {
    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;
}

.border-paper-6bbb {
    color: var(--text-muted);
    font-size: 0.875rem;
}

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

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

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

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

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

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

.silver_ef8e .background-black-4f6f {
    color: var(--text-gray);
    font-size: 0.875rem;
}

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

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

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

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

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

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

.message-4cec {
    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);
}

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

.link-light-4a76 strong {
    color: var(--accent-color);
}

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

.section-smooth-756d {
    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);
}

.section-smooth-756d:hover {
    border-color: var(--accent-color);
    transform: translateX(4px);
}

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

.east-ebd8 {
    flex: 1;
}

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

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

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

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

.short-f389 .tiny-dcc9 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

.short-f389 .stone_1464 {
    color: var(--text-gray);
    margin: 0;
}

.image-blue-1a9c {
    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);
}

.image-blue-1a9c .hidden-1cca {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

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

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

.banner_7023 {
    flex: 1;
}

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

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

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

.selected-d96a {
    flex: 1;
}

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

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

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

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

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

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

.link-a4f0 {
    margin-top: 2rem;
}

.link-a4f0 .aside_static_9687 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

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

.full-b7f8 {
    margin: 2rem 0;
}

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

.silver_af8b {
    margin-top: 1rem;
}

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

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

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

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

.lite-a623 {
    margin: 2rem 0;
}

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

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

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

.inner-68ce {
    margin: 2rem 0;
}

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

.box-top-f69c .lower-ad0d {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

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

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

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

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

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

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

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

.focus-easy-798f {
    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;
}

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

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

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

.medium_6964 .text-last-2b51 {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

.layout_down_f3ee {
    flex: 1;
}

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

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

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

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

.shadow-smooth-90f3 {
    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);
}

.shadow-smooth-90f3 p {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.shadow-smooth-90f3 strong {
    color: var(--warning-color);
}

/* Slots Section */
.prev-95cf {
    padding: var(--section-padding);
}

.small_9c07 {
    margin: 2rem 0;
}

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

.picture-paper-4145 {
    margin: 2rem 0;
}

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

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

.hidden-f53d .new-bb3a {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.hidden-f53d .steel_4c54 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

.image-out-c0a5 .hidden-1cca {
    color: var(--text-gray);
    margin: 0;
    text-align: center;
    font-size: 1.125rem;
}

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

.icon_action_d79f {
    margin: 2rem 0;
}

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

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

.hover-3d32 {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

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

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

.up_5718.fn-active-128b {
    background: var(--accent-color);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

.media-upper-a419 {
    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);
}

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

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

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

.alert-pressed-469c {
    margin: 2rem 0;
}

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

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

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

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

.aside_55c8 {
    flex: 1;
}

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

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

.list-advanced-770e {
    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;
}

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

.table-first-5a1b {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.block-out-586f {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-top: 1rem;
}

.left-fe7c {
    font-size: 2rem;
}

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

.out-6ceb {
    flex: 1;
}

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

.pattern-medium-694e {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

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

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

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

.card-action-69e2 {
    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;
}

.card-action-69e2:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-glow);
}

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

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

.focus_a0ac {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

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

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

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

.accent_hovered_1cba {
    color: var(--accent-color);
    font-weight: 600;
}

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

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

/* Security Section */
.heading-tall-8082 {
    padding: var(--section-padding);
}

/* Benefits Section */
.grid-tall-6959 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

/* Help Section */
.text-copper-f8f2 {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.tertiary-yellow-4fa6 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.hovered-0e66 {
    margin: 3rem 0;
    display: grid;
    gap: 2rem;
}

.clean-e293 {
    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) {
    .clean-e293 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.clean-e293 .logo-acd7 {
    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;
}

.clean-e293 .selected-d96a {
    flex: 1;
}

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

.clean-e293 .detail_gold_32c3 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

.thick_b35f .east-777d {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.thick_b35f .link-edad {
    list-style: none;
    padding: 0;
    margin: 0;
}

.thick_b35f .link-edad li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
}

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

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

/* Quick Registration Section */
.frame-pink-ce5b {
    padding: var(--section-padding);
}

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

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

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

.shade-cold-1154:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
}

.shade-cold-1154 .dim-7c3f {
    font-size: 2rem;
    flex-shrink: 0;
}

.shade-cold-1154 .thick-116e {
    flex: 1;
}

.shade-cold-1154 .main_1e35 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.shade-cold-1154 .slider_da09 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

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

.main-e676 .bottom-0b84 {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

.main-e676 .bottom-0b84 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);
}

.main-e676 .bottom-0b84 li:last-child {
    border-bottom: none;
}

.main-e676 .bottom-0b84 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;
}

.main-e676 .bottom-0b84 li strong {
    color: var(--text-white);
}

.container-right-5b00 {
    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);
}

.container-right-5b00 p {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.container-right-5b00 strong {
    color: var(--accent-color);
}

/* Security Tips Section */
.lower-50d0 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.nav_action_afae {
    font-size: 2rem;
}

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

.filter-lower-8c5c {
    flex: 1;
}

.tooltip-advanced-1971 {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

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

.avatar-south-6a07 {
    margin-top: 3rem;
}

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

.search-brown-7844 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

.outer-1ddf li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.outer-1ddf li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.outer-1ddf li strong {
    color: var(--warning-color);
}

/* Tech Stack Section */
.button_motion_0217 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.box_black_9cc5 {
    margin: 2rem 0;
}

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

.message-42c5 .lower-ad0d {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

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

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

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

.picture-eed5 {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

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

/* Performance Section */
.alert_3101 {
    padding: var(--section-padding);
}

.thumbnail-c1c7 {
    margin: 2rem 0;
}

.large-dd35 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

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

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

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

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

.upper_34e5 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.plasma-34f3 {
    color: var(--text-white);
    margin: 0;
    font-size: 1rem;
}

.fixed-d7a4 {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.fixed-d7a4.summary_9724 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.popup_795d {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.link-dce0 {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.tertiary_14b8 {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

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

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

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

/* Update Log Section */
.table-green-1952 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.hidden_82ea {
    margin: 2rem 0;
}

.button-light-ee14 {
    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) {
    .button-light-ee14 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.button-light-ee14::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--primary-gradient);
    border-radius: var(--radius-lg) 0 0 var(--radius-lg);
}

.soft-6497 {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.input-2224 {
    flex: 1;
}

.fixed_83c7 {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.video-1f4f {
    list-style: none;
    padding: 0;
    margin: 0;
}

.video-1f4f li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.sort-255f {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 640px) {
    .sort-255f {
        grid-template-columns: repeat(3, 1fr);
    }
}

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

.grid-514b {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.right_213e {
    flex: 1;
}

.modal-956a {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

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

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

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

.component-north-8106 strong {
    color: var(--accent-color);
}

/* Promo Highlights */
.south-964d {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

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

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

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

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

.mask_advanced_f745 .advanced_c072 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.mask_advanced_f745 .frame-dim-726a {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

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

/* Featured Promos Section */
.link-37b0 {
    padding: var(--section-padding);
}

.logo_gas_d2b4 .preview_fluid_d29c {
    flex: 1;
}

/* Promo Calendar Section */
.black_6210 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.preview_plasma_480b {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.box_bronze_2098 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

.message-gas-6bad {
    color: var(--text-white);
    font-size: 0.9375rem;
}

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

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

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

/* Requirements Section */
.outline_fluid_f811 {
    padding: var(--section-padding);
}

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

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

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

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

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

.image_fast_0358 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.image-1ac3 {
    margin-top: 3rem;
}

.image-1ac3 .left-e44e {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.image-1ac3 .search-brown-7844 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.image-1ac3 .outer-1ddf {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.image-1ac3 .outer-1ddf li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.image-1ac3 .outer-1ddf li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.image-1ac3 .outer-1ddf li strong {
    color: var(--warning-color);
}

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

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

/* Winners Hall Section */
.link-slow-47f6 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.green_597c .lower-ad0d {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.accent-c355 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

.avatar-steel-7c74 {
    font-size: 2rem;
    flex-shrink: 0;
}

.plasma-f678 {
    flex: 1;
}

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

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

.input-pressed-6160 {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.hard_942c { 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; }
.layout_807a, .accordion_f72a { max-width:100%; height:auto; }

.advanced-77d0, .gallery-53db, .slider-action-5635 { white-space:normal; }

.accent-d8d3,
.short-9c31,
.module-center-aea9,
.south-964d,
.photo_focused_9204,
.dropdown-hovered-1567 {
  flex-wrap:wrap;
}

[class*="grid"],
.input-bright-19d4,
.large-dd35,
.paragraph_3afe {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.module_iron_a2c6 img,
.short-9c31 img,
.hero-3725 img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.caption_steel_b562, .gradient_aff7,
.stone-242b, .copper_64c2 {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.secondary_7aa5 { width:100%; overflow-x:auto; }
.secondary_7aa5 table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.blue_732f {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .blue_732f {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.module_advanced_c1bc {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.summary_brown_d35d,
.chip_02ee,
.item-huge-f6d4,
.background-stale-ee87,
.menu_36ea,
.input-bright-19d4,
.large-dd35,
.paragraph_3afe,
.photo-smooth-8ecd,
.alert-pressed-469c,
.blue_732f {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .summary_brown_d35d,
  .chip_02ee,
  .item-huge-f6d4,
  .background-stale-ee87,
  .menu_36ea,
  .input-bright-19d4,
  .large-dd35,
  .paragraph_3afe,
  .photo-smooth-8ecd,
  .alert-pressed-469c,
  .blue_732f {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.heading_ae16,
.modal_5f76,
.huge_4a78,
.tabs-ec45,
.link_focused_fd46,
.notice_large_185d,
.in_eac9,
.module_advanced_c1bc {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.nav_45a7,
.blue_9a60,
.static-666c {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.nav_45a7 > *,
.blue_9a60 > *,
.static-666c > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: 2f8d */
.promo-block-t0 {
  padding: 0.2rem;
  font-size: 10px;
  line-height: 1.3;
}