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

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

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

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

@media (min-width: 1024px) {
    .next-2f44 {
        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 */
.breadcrumb-large-cc75 {
    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);
}

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .item-silver-f1f6 {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .outline_fe9d {
        grid-column: 1;
    }
    
    .list_brown_52c1 {
        grid-column: 2;
    }
    
    .item_86b6 {
        grid-column: 3;
    }
}

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

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

/* Navigation */
.down-42b4 {
    display: none;
}

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

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

.dark_5880 {
    position: relative;
}

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

.dark_5880 .plasma-f317 {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

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

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

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

/* Header Actions */
.banner-f743 {
    display: none;
    gap: 0.75rem;
}

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

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

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


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

.pattern-56ac::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 */
.item_86b6 {
    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) {
    .item_86b6 {
        display: none;
    }
}

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

.item_86b6.fn-active-d929 span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.item_86b6.fn-active-d929 span:nth-child(2) {
    opacity: 0;
}

.item_86b6.fn-active-d929 span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

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

.frame-abe3.fn-active-d929 {
    display: block;
    max-height: 500px;
}

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

.full-008d {
    list-style: none;
    padding: 0.75rem 0;
}

.info-27b1 {
    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;
}

.info-27b1:hover,
.info-27b1.fn-active-d929 {
    background: var(--tertiary-bg);
    color: var(--accent-light);
    border-left: 3px solid var(--accent-color);
    padding-left: 1.375rem;
}


/* 移动端注册按钮动画效果 */
.info-27b1.gallery_0a0d {
    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;
}

.info-27b1.gallery_0a0d::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 */
.icon-stone-0446 {
    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;
}

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

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

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

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

.black-2d9c {
    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;
}

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

.badge-hovered-69c4 {
    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;
}

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

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

.accordion-hovered-fc85 {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

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

.slider-small-aea6 {
    font-size: 1em;
    font-weight: 700;
}

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

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

.nav_e6b6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 50%, rgba(6, 182, 212, 0.15) 0%, transparent 70%);
    pointer-events: none;
}

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

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

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

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

.highlight_stone_03fa {
    margin-bottom: 2rem;
}

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

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

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

.layout_d6ac {
    font-size: 1.5rem;
}

.element-south-84b3 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-white);
}

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

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

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

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

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

.content_4df7 {
    margin-bottom: 1rem;
}

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

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

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

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

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

.video-84db {
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

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

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

/* Payment Methods */
.banner-last-88a7 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.left-cc6a {
    list-style: none;
}

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

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

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

.pink-9fca {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

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

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

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

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

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

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

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

.cool-2d3f {
    font-size: 1.125rem;
    font-weight: 600;
}

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

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

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

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

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

.shade_outer_ab32 {
    font-size: 1.5rem;
}

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

.focus-6942 {
    list-style: none;
}

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

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

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

.main-new-9700 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

.outline_large_76fa {
    font-size: 1.25rem;
}

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

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

.tag-66c1,
.description_0058 {
    font-size: 1.125rem;
    color: var(--accent-color);
    font-weight: 600;
}

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

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

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

.black-247b {
    position: relative;
    z-index: 1;
}

.center-0c9d {
    margin-bottom: 1rem;
}

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

.medium-85f6 {
    margin-bottom: 3rem;
}

.up-88d5 {
    margin-top: 3rem;
}

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

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

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

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

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

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

.preview-46a9 {
    display: grid;
    gap: 2rem;
    padding: 3rem 0 2rem;
}

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

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

.prev_c9f8 {
    margin-bottom: 1rem;
}

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

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

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

.nav-52dd {
    list-style: none;
}

.nav-52dd li {
    margin-bottom: 0.5rem;
}

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

.nav-52dd a:hover {
    color: var(--accent-color);
}

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

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

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

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

.upper-b707 p {
    margin-bottom: 0.25rem;
}

.white-58cf {
    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) {
    .white-58cf {
        flex-direction: row;
    }
}

.down_3f41 {
    text-align: center;
}

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

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

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

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

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

.info-tiny-2ad3 {
    animation: fadeInUp 0.6s ease-out;
}

.out_ff64 {
    animation: pulse 2s infinite;
}

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

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

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

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

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

.dark_96e8 .shade_fresh_0657 {
    font-size: 1.25rem;
}

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

.dirty-2431 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

.nav-first-529a {
    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);
}

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

.dirty-63f1 {
    color: var(--text-gray);
    line-height: 1.6;
}

.down-c252 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.hovered-0fec {
    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);
}

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

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

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

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

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

.tertiary-755c {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

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

.tertiary-755c 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);
}

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

.tertiary-755c input::placeholder {
    color: var(--text-muted);
}

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

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

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

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

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

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

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

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

.row_35f4 .outline_large_76fa {
    font-size: 1.25rem;
}

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

.element-f94a {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.video-active-0e13 {
    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);
}

.video-active-0e13 .shade_fresh_0657 {
    font-size: 2rem;
    flex-shrink: 0;
}

.video-active-0e13 .bright-a52f {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.video-active-0e13 .section_stone_59bc {
    color: var(--text-gray);
    line-height: 1.6;
}

.under-d598 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.action-15c3 {
    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);
}

.disabled-tiny-8e3c {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

.component-stale-2e4e {
    font-size: 3rem;
    margin-bottom: 1.5rem;
}

.detail-0e52 {
    flex: 1;
}

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

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

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

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

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

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

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

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

.progress-lite-cc36 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

.thumbnail-1c61 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.search-01fa {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.rough-8565 .stone-b6e0 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.rough-8565 .bronze-d710 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

.thumbnail-bd97 .shade_fresh_0657 {
    font-size: 2rem;
    flex-shrink: 0;
}

.thumbnail-bd97 .bright-a52f {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.thumbnail-bd97 .section_stone_59bc {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

.disabled-dark-6bed {
    font-size: 2rem;
    flex-shrink: 0;
}

.feature-steel-eba1 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

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

.input-center-759f {
    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);
}

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

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

.description-426b {
    flex: 1;
}

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

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

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

.thick-e2cf {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.preview-0bd5 {
    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);
}

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

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

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

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

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

.thumbnail-bd97 .bright-a52f {
    color: var(--success-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.thumbnail-bd97 .section_stone_59bc {
    color: var(--text-gray);
    line-height: 1.6;
}

.tiny-59e0 {
    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);
}

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

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

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

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

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

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

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

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

.banner_edc2 {
    padding: 1.5rem;
}

.summary-pink-82a2 {
    color: var(--text-gray);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

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

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

.filter-798f {
    font-size: 2rem;
    flex-shrink: 0;
}

.mask-1ab5 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

.component-8281 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.notice-fixed-cd51 {
    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);
}

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

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

.menu-iron-adf7 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.secondary_old_0381 {
    text-align: center;
}

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

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

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

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

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

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

.right-5bd9 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

.block-5605 {
    padding: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

.nav-first-529a {
    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;
}

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

.dirty-63f1 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

.info-4a9a {
    display: flex;
    gap: 1rem;
}

.info-4a9a .frame_fixed_9d15 {
    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;
}

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

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

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

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

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

.north-51a8 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

.info-outer-c4b0 {
    font-size: 1rem;
}

.accordion-ba9b {
    padding: 1.5rem;
}

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

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

.box_large_a46d .secondary_old_0381 {
    text-align: center;
}

.box_large_a46d .center-dbd1 {
    color: var(--text-muted);
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

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

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

.description-narrow-be48 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.video-9a41 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.alert-cold-7bc8 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.hidden-aa05 {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.875rem;
    flex-shrink: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.hidden-aa05.widget-3b4e {
    background: linear-gradient(135deg, #cd7f32, #a0522d);
    color: white;
}

.hidden-aa05.action-361f {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

.hidden-aa05.out-8f93 {
    background: linear-gradient(135deg, #ffd700, #ffb347);
    color: #0f172a;
}

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

.hidden-aa05.secondary-9752 {
    background: linear-gradient(135deg, #b9f2ff, #00bfff);
    color: #0f172a;
}

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

.tag-selected-6811 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

.under-d598 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;
}

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

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

.huge-d339 {
    display: grid;
    gap: 1.5rem;
    margin: 3rem 0;
}

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

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

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

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

.thick_5d95.nav-7acb {
    grid-column: 1 / -1;
    border-color: rgba(6, 182, 212, 0.3);
}

@media (min-width: 1024px) {
    .thick_5d95.nav-7acb {
        grid-column: span 3;
    }
}

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

.thick_5d95.nav-7acb .status-first-467e {
    background: rgba(6, 182, 212, 0.1);
}

.notification-soft-bf8e {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 0.5rem;
}

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

.thick_5d95.nav-7acb .banner_8d34 {
    color: var(--info-color);
}

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

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

.thick_5d95.nav-7acb .steel_0ff5 {
    color: var(--info-color);
}

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

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

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

.shadow-outer-ce99 {
    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);
}

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

.alert-b716 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.video-active-0e13 {
    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);
}

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

.stale_dde8 {
    flex: 1;
}

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

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

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

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

.banner-4a08 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

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

.gold-296f {
  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);
}

.gold-296f .secondary_old_0381 {
    text-align: center;
}

.gold-296f .block_d941 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--info-color);
    margin-bottom: 0.5rem;
}

.gold-296f .center-dbd1 {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

.gradient-bottom-12ce {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

.avatar-fresh-2f42 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

.list-ba9a {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

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

.new_124c.gradient_af2e {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

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

.new_124c.widget-lite-8e74 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--info-color);
}

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

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

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

.shadow_65b5 .frame-small-d04a {
    color: var(--text-gray);
    font-size: 0.875rem;
    text-align: left;
}

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

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

.dynamic-64a3 {
  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);
}

.component_613d {
    text-align: center;
}

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

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

/* Utility Classes */
.complex_977b { text-align: center; }
.overlay_next_8d5d { text-align: left; }
.pagination_faf5 { text-align: right; }

.small_65ca { margin-bottom: 0; }
.gradient_orange_de4c { margin-bottom: 0.5rem; }
.dropdown_0b42 { margin-bottom: 1rem; }
.link-rough-88e0 { margin-bottom: 1.5rem; }
.sort-next-c91c { margin-bottom: 2rem; }

.narrow-8c07 { margin-top: 0; }
.selected-c790 { margin-top: 0.5rem; }
.title_stale_3c29 { margin-top: 1rem; }
.wide_144f { margin-top: 1.5rem; }
.slider-04b0 { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .nav_e6b6 {
        padding: 6rem 0 3rem;
    }
    
    .texture-small-9043 {
        text-align: center;
    }
    
    .title_d158 {
        text-align: center;
    }
    
    .panel-bright-d8d5 {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .breadcrumb-large-cc75,
    .frame-abe3,
    .highlight_liquid_141b,
    .menu_613f {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .nav_e6b6 {
        background: none;
    }
}

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

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

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

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

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

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

.avatar-glass-77b5 {
    color: var(--accent-color);
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

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

.warm-acf2 {
    list-style: none;
    padding: 0;
}

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

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

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

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

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

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

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

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

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

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

.bottom-de92 {
    display: flex;
    flex-direction: column;
}

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

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

.container-7f06 {
    color: var(--accent-color);
}

.menu_glass_bdad {
    font-size: 1.25rem;
}

.heading-first-74db {
    margin-bottom: 1rem;
}

.heading-first-74db p {
    color: var(--text-gray);
    line-height: 1.6;
    margin: 0;
}

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

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

.secondary_old_0381 {
    text-align: center;
}

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

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

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

.overlay-57ea {
    margin: 2rem 0;
}

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

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

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

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

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

.media_inner_b071 {
    font-size: 2rem;
}

.feature-1da8 {
    display: flex;
    flex-direction: column;
}

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

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

/* Statistics Section */
.right-0b4e {
    padding: var(--section-padding);
}

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

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

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

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

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

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

.image-3e76 .center-dbd1 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.75rem;
    display: block;
}

.image-3e76 .surface-7e71 {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin: 0;
}

.image-bright-8832 {
    margin-top: 4rem;
}

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

.photo-f6df {
    overflow-x: auto;
}

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

.advanced-80be thead {
    background: var(--accent-color);
}

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

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

.advanced-80be tbody tr:hover {
    background: rgba(6, 182, 212, 0.1);
}

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

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

.tabs-dirty-ebb9 {
    max-width: 900px;
    margin: 0 auto;
}

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

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

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

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

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

.picture_4494.fn-active-d929 .clean_de60 {
    transform: rotate(45deg);
}

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

.picture_4494.fn-active-d929 .full_b777 {
    max-height: 1000px;
}

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

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

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

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

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

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

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

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

.container_soft_5db0 {
    font-size: 2rem;
}

.aside-fresh-da10 {
    color: var(--text-white);
    margin: 0;
}

.wood-b10a {
    list-style: none;
    padding: 0;
}

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

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

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

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

.badge_white_cb3e {
    margin-top: 3rem;
}

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

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

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

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

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

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

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

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

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

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

.heading-dirty-56ef:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

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

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

.border-d42c {
    flex: 1;
}

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

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

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

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

.info-d9a5:last-child {
    border-bottom: none;
}

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

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

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

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

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

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

.caption-5ca0, .shade-085e, .badge_33f8 {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

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

.active-19e8 {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

.middle-7cbf {
    margin: 2rem 0;
}

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

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

.shadow-narrow-0f43 {
    color: var(--text-muted);
    font-size: 0.875rem;
    white-space: nowrap;
}

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

.backdrop-4d58 {
    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;
}

.notification-a334 {
    flex: 1;
}

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

.disabled-right-05f2 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.box-soft-9f7a {
    margin-bottom: 1.5rem;
}

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

.box-soft-9f7a input,
.box-soft-9f7a 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;
}

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

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

.dirty-01c9 {
    display: flex;
    align-items: center;
}

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

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

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

.mask-motion-720b {
    color: var(--text-gray);
}

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

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

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

.hover_left_c79d {
    margin-top: 3rem;
}

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

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

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

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

.purple-e182:last-child {
    border-bottom: none;
}

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

.section_tiny_3b9d {
    margin: 2rem 0;
}

.accordion-paper-e2d4 {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

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

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

.thumbnail_selected_aea2 {
    display: none;
}

.thumbnail_selected_aea2.fn-active-d929 {
    display: block;
}

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

.progress-large-efad {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

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

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

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

.alert-6da8 {
    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 */
.section-large-3373 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

.slider-stone-91c9 {
    color: var(--accent-color);
    margin: 0;
}

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

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

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

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

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

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

.caption-8327.fresh-0ed4 {
    background: rgba(239, 68, 68, 0.2);
    color: var(--danger-color);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.button_pressed_e17b {
    margin-top: 2rem;
}

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

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

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

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

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

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

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

.middle_fb49 {
    margin: 2rem 0;
}

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

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

.background-d607 {
    list-style: none;
    padding: 0;
}

.background-d607 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;
}

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

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

.cool-761d {
    margin: 2rem 0;
}

.aside-out-b981 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

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

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

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

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

.heading_orange_8dcf {
    margin-top: 2rem;
}

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

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

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

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

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

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

.search-iron-1f35 {
    margin: 2rem 0;
}

.summary_b328 {
    margin-bottom: 3rem;
}

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

.glass-0fcb {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

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

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

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

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

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

.table-61e3 {
    margin: 2rem 0;
}

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

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

.button-west-ba14 {
    background: rgba(6, 182, 212, 0.1) !important;
}

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

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

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

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

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

.out_ecaf .shade_fresh_0657 {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

.out_ecaf .bright-a52f {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

.mini-83a9 {
    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);
}

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

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

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

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

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

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

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

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

.badge-01e7 .frame_fixed_9d15 {
    color: var(--text-gray);
    font-size: 0.875rem;
}

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

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

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

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

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

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

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

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

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

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

.preview-0bd5 {
    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);
}

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

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

.bright-2a77 {
    flex: 1;
}

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

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

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

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

.thumbnail-bd97 .bright-a52f {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

.thumbnail-bd97 .section_stone_59bc {
    color: var(--text-gray);
    margin: 0;
}

.tiny-59e0 {
    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);
}

.tiny-59e0 .tag-66c1 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

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

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

.description-426b {
    flex: 1;
}

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

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

/* Step Content Styles */
.nav-first-529a {
    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;
}

.dropdown-a4a0 {
    flex: 1;
}

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

.dirty-63f1 {
    color: var(--text-gray);
    margin: 0;
}

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

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

.info-4a9a {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

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

.dim_f13d {
    margin-top: 2rem;
}

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

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

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

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

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

.avatar_east_e464 {
    margin: 2rem 0;
}

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

.block-5605 {
    margin-top: 1rem;
}

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

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

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

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

.short-60c8 {
    margin: 2rem 0;
}

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

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

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

.description-wood-252e {
    margin: 2rem 0;
}

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

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

.item-492b {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

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

.avatar-east-55c1 {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1.125rem;
}

.texture-stone-b0d7 {
    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);
}

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

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

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

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

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

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

.slow_089e .tag-7c4d {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

.article_59e5 {
    flex: 1;
}

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

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

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

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

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

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

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

/* Slots Section */
.gradient-hard-aa35 {
    padding: var(--section-padding);
}

.thumbnail-1c61 {
    margin: 2rem 0;
}

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

.search-01fa {
    margin: 2rem 0;
}

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

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

.rough-8565 .stone-b6e0 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.rough-8565 .bronze-d710 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

.gradient-b656 .tag-66c1 {
    color: var(--text-gray);
    margin: 0;
    text-align: center;
    font-size: 1.125rem;
}

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

.filter-bright-8bcd {
    margin: 2rem 0;
}

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

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

.alert-703f {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

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

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

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

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

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

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

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

.mask-short-00cf {
    margin: 2rem 0;
}

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

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

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

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

.popup_c523 {
    flex: 1;
}

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

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

.focus-781e {
    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;
}

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

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

.secondary-selected-5bea {
    color: var(--text-muted);
    font-size: 0.875rem;
}

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

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

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

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

.tiny-2f97 strong {
    color: var(--accent-color);
}

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

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

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

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

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

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

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

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

.detail-selected-0db6 {
    font-size: 2rem;
}

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

.widget_static_a940 {
    flex: 1;
}

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

.info-slow-71ee {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

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

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

.tooltip-gold-d325 {
    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;
}

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

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

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

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

.disabled-pro-bdb9 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
    .disabled-pro-bdb9 {
        grid-template-columns: repeat(3, 1fr);
    }
}

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

.sidebar-73aa {
    color: var(--text-white);
    font-weight: 600;
}

.sort_tall_4a14 {
    color: var(--accent-color);
    font-weight: 600;
}

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

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

/* Security Section */
.main-3b31 {
    padding: var(--section-padding);
}

/* Benefits Section */
.chip-309f {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

/* Help Section */
.widget_under_923c {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.upper-b207 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.brown-a7d9 {
    margin: 3rem 0;
    display: grid;
    gap: 2rem;
}

.notification-stone-7177 {
    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) {
    .notification-stone-7177 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.notification-stone-7177 .nav-first-529a {
    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;
}

.notification-stone-7177 .dropdown-a4a0 {
    flex: 1;
}

.notification-stone-7177 .sort_2dc4 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

.notification-stone-7177 .dirty-63f1 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

.panel-brown-80e8 .main-new-9700 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.panel-brown-80e8 .element-f94a {
    list-style: none;
    padding: 0;
    margin: 0;
}

.panel-brown-80e8 .element-f94a li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
}

.panel-brown-80e8 .element-f94a li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--success-color);
    font-weight: bold;
}

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

/* Quick Registration Section */
.primary-3e50 {
    padding: var(--section-padding);
}

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

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

.aside-98b4 {
    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);
}

.aside-98b4:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
}

.aside-98b4 .popup_hard_9061 {
    font-size: 2rem;
    flex-shrink: 0;
}

.aside-98b4 .top-5c41 {
    flex: 1;
}

.aside-98b4 .input_5737 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.aside-98b4 .purple_a674 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

.filter-51ad .backdrop-84ec {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.filter-51ad .menu_99e3 {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

.filter-51ad .menu_99e3 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);
}

.filter-51ad .menu_99e3 li:last-child {
    border-bottom: none;
}

.filter-51ad .menu_99e3 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;
}

.filter-51ad .menu_99e3 li strong {
    color: var(--text-white);
}

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

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

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

/* Security Tips Section */
.solid_7a78 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.center-f260 {
    font-size: 2rem;
}

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

.summary_iron_3e6f {
    flex: 1;
}

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

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

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

.article_bright_c6de {
    margin-top: 3rem;
}

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

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

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

.background-d607 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.background-d607 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.background-d607 li strong {
    color: var(--warning-color);
}

/* Tech Stack Section */
.small_3e1d {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.paragraph_87ae {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

/* Performance Section */
.picture_30f1 {
    padding: var(--section-padding);
}

.link-middle-757d {
    margin: 2rem 0;
}

.list-ff97 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

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

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

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

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

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

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

.out-58ac {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.out-58ac.content-d086 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.block-5638 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.accordion_97ef {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.preview_clean_0c8a {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

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

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

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

/* Update Log Section */
.accordion-lower-8ac1 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.stale_9843 {
    margin: 2rem 0;
}

.easy_aa9e {
    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) {
    .easy_aa9e {
        flex-direction: column;
        gap: 1rem;
    }
}

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

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

.module-367b {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.active-c424 {
    flex: 1;
}

.photo_60f8 {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

.prev_6c71 li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

.new-c05a {
    flex: 1;
}

.filter_soft_da8e {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

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

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

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

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

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

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

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

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

.table-2535 .filter-798f {
    font-size: 2rem;
    flex-shrink: 0;
}

.table-2535 .mask-1ab5 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.table-2535 .bright-d524 {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

.table-2535 .status-9832 {
    color: var(--accent-color);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Featured Promos Section */
.breadcrumb-d526 {
    padding: var(--section-padding);
}

.button_tall_32ec .sidebar-64b4 {
    flex: 1;
}

/* Promo Calendar Section */
.new_739d {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.container-b373 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.icon-clean-470e {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

.article-outer-4dcf {
    color: var(--text-white);
    font-size: 0.9375rem;
}

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

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

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

/* Requirements Section */
.orange-9773 {
    padding: var(--section-padding);
}

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

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

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

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

.search-fast-c3b4 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.search-fast-c3b4 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

.hot-8d54 .first_5b09 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.hot-8d54 .grid_a506 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.hot-8d54 .background-d607 {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.hot-8d54 .background-d607 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.hot-8d54 .background-d607 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.hot-8d54 .background-d607 li strong {
    color: var(--warning-color);
}

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

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

/* Winners Hall Section */
.bronze_0451 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.modal-in-89bc {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

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

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

.frame_top_68c9 .mask_d0ff {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.aside_dc9d {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

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

.layout_da63 {
    flex: 1;
}

.clean-52dd {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.25rem;
    font-size: 1.125rem;
}

.chip-225d {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.medium_8f6c {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

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

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

.stale-7d55 strong {
    color: var(--accent-color);
}

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.next-2f44 { 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; }
.hidden-clean-e8bc, .menu_f1f3 { max-width:100%; height:auto; }

.icon-stone-0446, .black-2d9c, .badge-hovered-69c4 { white-space:normal; }

.texture-small-9043,
.title_d158,
.middle_485f,
.menu_hovered_8670,
.under_dd8b,
.list-ba9a {
  flex-wrap:wrap;
}

[class*="grid"],
.modal_efd5,
.list-ff97,
.banner_e179 {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.nav_e6b6 img,
.title_d158 img,
.menu-4550 img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.focused_3961, .table_4c88,
.content_4df7, .list-wide-3c02 {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.photo-f6df { width:100%; overflow-x:auto; }
.photo-f6df table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.tiny_3b0d {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .tiny_3b0d {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.disabled-18aa {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.narrow_2977,
.text_8b8c,
.hero-pressed-b24a,
.gold_ab41,
.module-selected-bd67,
.modal_efd5,
.list-ff97,
.banner_e179,
.dynamic-64a3,
.mask-short-00cf,
.tiny_3b0d {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .narrow_2977,
  .text_8b8c,
  .hero-pressed-b24a,
  .gold_ab41,
  .module-selected-bd67,
  .modal_efd5,
  .list-ff97,
  .banner_e179,
  .dynamic-64a3,
  .mask-short-00cf,
  .tiny_3b0d {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.image-3e76,
.bronze_2090,
.item-mini-cf05,
.card_smooth_7544,
.copper-bc58,
.component_613d,
.breadcrumb_prev_f0b2,
.disabled-18aa {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.surface_upper_e315,
.action-42e2,
.basic_0cf4 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.surface_upper_e315 > *,
.action-42e2 > *,
.basic_0cf4 > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: 4d1f */
.shadow-element-d3 {
  padding: 0.5rem;
  font-size: 14px;
  line-height: 1.2;
}