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

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

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

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

@media (min-width: 1024px) {
    .image-fast-0d11 {
        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 */
.aside-dynamic-a9f5 {
    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);
}

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .header_old_8c68 {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .active_6dcc {
        grid-column: 1;
    }
    
    .list-5cb5 {
        grid-column: 2;
    }
    
    .active-ce93 {
        grid-column: 3;
    }
}

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

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

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

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

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

.wood_de9b {
    position: relative;
}

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

.wood_de9b .notification-black-285e {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

.notification-black-285e {
    display: flex;
    list-style: none;
    gap: 1.5rem;
}

.badge-8f31 {
    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;
}

.badge-8f31:hover,
.badge-8f31.fn-active-3bf3 {
    color: var(--accent-light);
    background: var(--tertiary-bg);
    box-shadow: var(--shadow-glow);
}

/* Header Actions */
.under-deb3 {
    display: none;
    gap: 0.75rem;
}

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

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

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


/* 移动端注册按钮光效 */
.heading_green_28fc {
    background: var(--primary-gradient);
    color: var(--primary-bg);
    text-decoration: none;
    font-weight: 700;
    font-size: 0.875rem;
    padding: 0.6rem 1rem;
    border-radius: var(--radius-full);
    border: 2px solid var(--accent-color);
    box-shadow: var(--shadow-glow);
    transition: var(--transition-normal);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

.heading_green_28fc::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 */
.active-ce93 {
    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) {
    .active-ce93 {
        display: none;
    }
}

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

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

.active-ce93.fn-active-3bf3 span:nth-child(2) {
    opacity: 0;
}

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

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

.media_bronze_6b44.fn-active-3bf3 {
    display: block;
    max-height: 500px;
}

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

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

.footer_advanced_fbd4 {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: var(--text-gray);
    text-decoration: none;
    padding: 0.75rem 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: var(--transition-fast);
    font-weight: 500;
    font-size: 0.9rem;
}

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


/* 移动端注册按钮动画效果 */
.footer_advanced_fbd4.label_stale_1346 {
    background: var(--primary-gradient);
    color: var(--primary-bg);
    font-weight: 700;
    text-align: center;
    justify-content: center;
    margin: 1rem;
    padding: 1rem 1.5rem;
    border-radius: var(--radius-lg);
    border: 2px solid var(--accent-color);
    box-shadow: var(--shadow-glow);
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
}

.footer_advanced_fbd4.label_stale_1346::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 */
.alert_solid_b105 {
    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;
}

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

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

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

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

.message-thick-28f0 {
    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;
}

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

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

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

.black-3ccf:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

.tag-pressed-6851 {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

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

.surface-easy-75be {
    font-size: 1em;
    font-weight: 700;
}

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

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

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

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

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

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

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

.cold_7d7c {
    margin-bottom: 2rem;
}

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

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

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

.focus-advanced-aa20 {
    font-size: 1.5rem;
}

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

.progress-88e6 {
    display: flex;
    justify-content: center;
    align-items: center;
}

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

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

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

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

.input-right-6d8f {
    margin-bottom: 1rem;
}

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

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

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

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

.chip-613e:first-child {
    margin-top: 0;
}

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

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

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

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

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

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

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

.banner_7598 {
    list-style: none;
}

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

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

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

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

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

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

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

/* Bonus Highlight */
.media-pro-1513 {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

.message_wood_4fba {
    font-size: 1.5rem;
}

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

.module-c705 {
    list-style: none;
}

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

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

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

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

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

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

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

.avatar_advanced_09f9 {
    font-size: 1.25rem;
}

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

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

.block-1973,
.disabled_f805 {
    font-size: 1.125rem;
    color: var(--accent-color);
    font-weight: 600;
}

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

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

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

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

.module-north-ffdb {
    margin-bottom: 1rem;
}

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

.easy-b7ff {
    margin-bottom: 3rem;
}

.dropdown_cool_d1e8 {
    margin-top: 3rem;
}

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

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

.list-black-63a0 .widget-13d2 {
    flex-direction: column;
    text-align: center;
    padding: 1.5rem;
    background: var(--card-gradient);
    border: 1px solid rgba(6, 182, 212, 0.1);
}

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

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

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

.fast-e7e1 {
    display: grid;
    gap: 2rem;
    padding: 3rem 0 2rem;
}

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

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

.info-narrow-702a {
    margin-bottom: 1rem;
}

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

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

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

.east_1433 {
    list-style: none;
}

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

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

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

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

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

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

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

.rough-880c p {
    margin-bottom: 0.25rem;
}

.module-tiny-9c72 {
    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) {
    .module-tiny-9c72 {
        flex-direction: row;
    }
}

.outer_4119 {
    text-align: center;
}

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

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

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

.backdrop-dynamic-8365 {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

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

.dirty-b8bb {
    animation: fadeInUp 0.6s ease-out;
}

.shadow_smooth_65db {
    animation: pulse 2s infinite;
}

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

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

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

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

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

.tabs-547c .logo-884d {
    font-size: 1.25rem;
}

.tabs-547c .pattern-83c9 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

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

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

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

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

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

.notification-current-11da {
    color: var(--accent-color);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

.title-west-3d07 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

.row-middle-5a9e {
    display: flex;
    justify-content: center;
    margin: 3rem 0;
}

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

.row-middle-5a9e img:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-glow);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.backdrop_bbb5 .avatar_advanced_09f9 {
    font-size: 1.25rem;
}

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

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

.iron-3f45 {
    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);
}

.iron-3f45 .logo-884d {
    font-size: 2rem;
    flex-shrink: 0;
}

.iron-3f45 .bright-1dea {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.iron-3f45 .easy_7a43 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.new-427b .summary_c9a4 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.new-427b .pattern_in_1362 {
    color: var(--text-gray);
    line-height: 1.6;
}

.component-green-12ee {
    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);
}

.green-311c {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

.frame-0b83 {
    flex: 1;
}

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

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

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

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

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

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

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

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

.notification-silver-62a7 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

.cold-8d47 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.modal-db34 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.aside_c01d .card-out-1e91 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

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

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

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

.frame-5c18 .logo-884d {
    font-size: 2rem;
    flex-shrink: 0;
}

.frame-5c18 .bright-1dea {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.frame-5c18 .easy_7a43 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

.dim-19d4 {
    font-size: 2rem;
    flex-shrink: 0;
}

.caption-gold-2efd {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

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

.prev-5da7 {
    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);
}

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

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

.list-388f {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.copper-382b {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

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

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

.message-wide-0a8a {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

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

.frame-5c18 .bright-1dea {
    color: var(--success-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.frame-5c18 .easy_7a43 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

.top-f28d {
    padding: 1.5rem;
}

.accent-gold-8c7f {
    color: var(--text-gray);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

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

.dim-d369 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;
}

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

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

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

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

.background-small-e261 {
    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);
}

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

.hard-49dd {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.overlay-action-0ad3 {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

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

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

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

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

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

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

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

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

.south_8e47 {
    text-align: center;
}

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

.dropdown-full-152d {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

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

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

.button_selected_6c6c .bright-1dea {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

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

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

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

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

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

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

.heading-75e4 {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

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

.notice_static_4cb3 {
    padding: 1.5rem;
}

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

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

.mask-1368 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;
}

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

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

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

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

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

.medium-9fdb {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.notification-current-11da {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

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

.rough-5c04 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

.accordion_56e6 .section-silver-bf12 {
    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;
}

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

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

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

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

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

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

.liquid-6f76 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

.card-out-1e91 {
    color: var(--accent-color);
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
}

.icon-pressed-e27a {
    font-size: 1rem;
}

.complex_9bc0 {
    padding: 1.5rem;
}

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

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

.layout-63d9 .south_8e47 {
    text-align: center;
}

.layout-63d9 .dropdown-full-152d {
    color: var(--text-muted);
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.25rem;
}

.layout-63d9 .gallery-cf61 {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

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

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

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

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

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

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

.backdrop-gas-6da2 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

.glass_c956.element-orange-8cee {
    background: linear-gradient(135deg, #cd7f32, #a0522d);
    color: white;
}

.glass_c956.menu-5451 {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

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

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

.glass_c956.content-1c34 {
    background: linear-gradient(135deg, #b9f2ff, #00bfff);
    color: #0f172a;
}

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

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

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

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

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

.hot-7992 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;
}

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

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

.feature_987d {
    display: grid;
    gap: 1.5rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

.label_wide_6590.silver_61cd .nav-top-3bf3 {
    background: rgba(6, 182, 212, 0.1);
}

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

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

.label_wide_6590.silver_61cd .notification-stale-1833 {
    color: var(--info-color);
}

.hero-80cb {
    padding: 1.5rem;
    text-align: center;
}

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

.label_wide_6590.silver_61cd .static_2372 {
    color: var(--info-color);
}

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

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

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

.message-plasma-2410 {
    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);
}

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

.dirty-1032 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.iron-3f45 {
    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);
}

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

.sidebar-9018 {
    flex: 1;
}

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

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

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

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

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

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

.caption-dirty-75f0 {
  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);
}

.caption-dirty-75f0 .south_8e47 {
    text-align: center;
}

.caption-dirty-75f0 .photo_6fa9 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--info-color);
    margin-bottom: 0.5rem;
}

.caption-dirty-75f0 .dropdown-full-152d {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

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

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

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

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

.status-6ebc {
    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);
}

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

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

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

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

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

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

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

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

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

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

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

.cool-5a0c.gallery_gold_cc86 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.cool-5a0c.simple-3855 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
}

.cool-5a0c.title_fluid_0096 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--info-color);
}

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

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

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

.label-glass-af29 .grid_62a2 {
    color: var(--text-gray);
    font-size: 0.875rem;
    text-align: left;
}

.backdrop-pro-a0f9 {
    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);
}

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

.description-pressed-710d {
  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);
}

.message-out-e2ee {
    text-align: center;
}

.message-out-e2ee .photo_6fa9 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--success-color);
    margin-bottom: 0.5rem;
}

.message-out-e2ee .dropdown-full-152d {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Utility Classes */
.solid_e1f4 { text-align: center; }
.article-27b6 { text-align: left; }
.dim-8fe4 { text-align: right; }

.element_7582 { margin-bottom: 0; }
.image-up-1c79 { margin-bottom: 0.5rem; }
.cold_ee8b { margin-bottom: 1rem; }
.highlight-af77 { margin-bottom: 1.5rem; }
.mask_light_bb8f { margin-bottom: 2rem; }

.primary_out_45eb { margin-top: 0; }
.advanced_4b79 { margin-top: 0.5rem; }
.backdrop_3ff9 { margin-top: 1rem; }
.action-8947 { margin-top: 1.5rem; }
.shade_d048 { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .pro-d138 {
        padding: 6rem 0 3rem;
    }
    
    .row_2d40 {
        text-align: center;
    }
    
    .mask_d970 {
        text-align: center;
    }
    
    .breadcrumb-dark-88d8 {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .aside-dynamic-a9f5,
    .media_bronze_6b44,
    .detail_prev_fded,
    .easy-d42e {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .pro-d138 {
        background: none;
    }
}

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

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

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

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

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

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

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

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

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

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

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

.primary-short-89de {
    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);
}

.primary-short-89de p {
    color: var(--text-gray);
    margin: 0;
}

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

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

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

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

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

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

.smooth-0969 {
    display: flex;
    flex-direction: column;
}

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

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

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

.shade_next_b784 {
    font-size: 1.25rem;
}

.detail-b400 {
    margin-bottom: 1rem;
}

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

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

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

.south_8e47 {
    text-align: center;
}

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

.dropdown-full-152d {
    color: var(--text-gray);
    font-size: 1rem;
}

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

.header-7158 {
    margin: 2rem 0;
}

.hover-medium-8c55 {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
    align-items: flex-start;
}

.hover-medium-8c55 .logo-884d {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

.backdrop-7534 {
    font-size: 2rem;
}

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

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

.border-fresh-3b38 {
    font-size: 0.875rem;
    color: var(--text-muted);
}

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

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

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

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

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

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

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

.lite_734f .dropdown-full-152d {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.75rem;
    display: block;
}

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

.section_bcba {
    margin-top: 4rem;
}

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

.outer_9cb7 {
    overflow-x: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.title_8e31.fn-active-3bf3 .active_hard_90ef {
    transform: rotate(45deg);
}

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

.title_8e31.fn-active-3bf3 .current_8fc0 {
    max-height: 1000px;
}

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

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

.row-middle-5a9e {
    margin: 2rem 0;
    text-align: center;
}

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

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

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

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

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

.media_middle_973f {
    font-size: 2rem;
}

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

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

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

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

.header-969b {
    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);
}

.header-969b p {
    color: var(--success-color);
    margin: 0;
}

.list-8b0e {
    margin-top: 3rem;
}

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

.message-505c {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

.medium_70de {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.action_5fe6, .paragraph_solid_6002, .cool-935a {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

.cool-935a {
    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 */
.media_full_38a6 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.search_wood_fbe8 {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

.tabs-prev-7d24 {
    color: var(--text-gray);
    margin-bottom: 1rem;
}

/* Winners Section */
.accordion-864d {
    padding: var(--section-padding);
}

.notification-left-d94b {
    margin: 2rem 0;
}

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

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

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

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

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

.shade-active-f16b {
    flex: 1;
}

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

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

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

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

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

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

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

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

.shade_rough_ae0c .dropdown-full-152d {
    color: var(--text-gray);
    font-size: 1rem;
}

.popup-267e {
    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);
}

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

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

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

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

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

.paragraph-green-6990 {
    margin-bottom: 1.5rem;
}

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

.paragraph-green-6990 input,
.paragraph-green-6990 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;
}

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

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

.slow-1d60 {
    display: flex;
    align-items: center;
}

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

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

.focused-2a22 {
    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;
}

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

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

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

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

.motion_5afe {
    margin-top: 3rem;
}

.heading-south-60ee {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    text-align: center;
}

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

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

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

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

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

.footer-7650 {
    margin: 2rem 0;
}

.green-00c5 {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

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

.header_2e4d:hover, .header_2e4d.fn-active-3bf3 {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.shadow-bf48 {
    display: none;
}

.shadow-bf48.fn-active-3bf3 {
    display: block;
}

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

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

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

.south-2ee4 ul {
    list-style: none;
    padding: 0;
}

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

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

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

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

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

.label-pro-0e75 {
    color: var(--accent-color);
    margin: 0;
}

.component-cd74 {
    display: flex;
    gap: 1.5rem;
}

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

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

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

.orange_8b04.disabled-basic-13d6 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.orange_8b04.widget-east-573a {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

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

.search-c04d {
    margin-top: 2rem;
}

.pro-296e {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

.notification-1202 {
    margin: 2rem 0;
}

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

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

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

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

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

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

.image-hard-823d {
    margin: 2rem 0;
}

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

.popup-stale-ea5a {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

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

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

.overlay_974a {
    margin-top: 2rem;
}

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

.title-next-ddac {
    list-style: none;
    padding: 0;
}

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

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

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

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

.overlay_dc6f {
    margin: 2rem 0;
}

.block_481d {
    margin-bottom: 3rem;
}

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

.tabs-medium-e31d {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

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

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

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

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

.solid_a8d0 {
    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 */
.cold-966b {
    padding: var(--section-padding);
}

.accent_hovered_aec7 {
    margin: 2rem 0;
}

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

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

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

.accent-fresh-4621 {
    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;
}

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

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

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

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

.shadow-b618 .logo-884d {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

.shadow-b618 .bright-1dea {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

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

.main-over-31d5 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.huge_302f .section-silver-bf12 {
    color: var(--text-gray);
    font-size: 0.875rem;
}

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

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

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

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

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

.hot-33a7 .dropdown-full-152d {
    color: var(--text-gray);
    font-size: 1rem;
}

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

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

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

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

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

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

.message-wide-0a8a {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.heading-53a8 {
    flex: 1;
}

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

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

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

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

.frame-5c18 .bright-1dea {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

.frame-5c18 .easy_7a43 {
    color: var(--text-gray);
    margin: 0;
}

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

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

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

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

.list-388f {
    flex: 1;
}

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

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

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

.iron_d13d {
    flex: 1;
}

.notification-current-11da {
    color: var(--text-white);
    margin-bottom: 0.5rem;
}

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

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

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

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

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

.active-15e9 {
    margin-top: 2rem;
}

.active-15e9 .message-b66f {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

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

.stone_ae77 {
    margin: 2rem 0;
}

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

.notice_static_4cb3 {
    margin-top: 1rem;
}

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

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

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

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

.full-78f6 {
    margin: 2rem 0;
}

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

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

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

.cold_0355 {
    margin: 2rem 0;
}

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

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

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

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

.sort-south-9cd6 {
    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);
}

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

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

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

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

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

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

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

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

.soft_2434 .active-f610 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.secondary-east-4354 {
    flex: 1;
}

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

.block-full-02e1 {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

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

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

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

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

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

.cold-8d47 {
    margin: 2rem 0;
}

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

.modal-db34 {
    margin: 2rem 0;
}

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

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

.aside_c01d .card-out-1e91 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

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

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

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

.wide-bde0 {
    margin: 2rem 0;
}

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

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

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

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

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

.dirty_91f5.fn-active-3bf3 {
    background: var(--accent-color);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

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

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

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

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

.up_941f {
    margin: 2rem 0;
}

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

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

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

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

.center-182d {
    flex: 1;
}

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

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

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

.menu-west-05b4 {
    color: var(--text-gray);
    margin-bottom: 1rem;
    line-height: 1.6;
}

.notice-0f14 {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.heading-first-4d8b {
    color: var(--text-muted);
    font-size: 0.875rem;
}

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

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

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

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

.soft-4bc1 strong {
    color: var(--accent-color);
}

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

.picture-rough-079d {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

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

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

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

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

.gallery-wood-f8ec {
    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;
}

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

.text-light-257a {
    font-size: 2rem;
}

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

.tooltip-6f83 {
    flex: 1;
}

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

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

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

.blue-596a {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

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

.tooltip-03c6 {
    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;
}

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

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

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

.media-next-848c {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
    .media-next-848c {
        grid-template-columns: repeat(3, 1fr);
    }
}

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

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

.detail_3085 {
    color: var(--accent-color);
    font-weight: 600;
}

.item-solid-d547 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
    text-align: center;
}

.item-solid-d547 strong {
    color: var(--accent-color);
}

/* Security Section */
.status_large_a4db {
    padding: var(--section-padding);
}

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

/* Help Section */
.avatar-1f49 {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.red_71da {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.hero-24e1 {
    margin: 3rem 0;
    display: grid;
    gap: 2rem;
}

.blue-5e9b {
    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) {
    .blue-5e9b {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.blue-5e9b .notification_81b6 {
    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;
}

.blue-5e9b .iron_d13d {
    flex: 1;
}

.blue-5e9b .notification-current-11da {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

.blue-5e9b .blue-f7eb {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

.hovered-feb4 .banner-4664 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.hovered-feb4 .message_narrow_090c {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hovered-feb4 .message_narrow_090c li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
}

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

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

/* Quick Registration Section */
.form_focused_59ba {
    padding: var(--section-padding);
}

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

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

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

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

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

.soft_4e95 .green-ec04 {
    flex: 1;
}

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

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

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

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

.middle_9391 .component_bad7 {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

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

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

.middle_9391 .component_bad7 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;
}

.middle_9391 .component_bad7 li strong {
    color: var(--text-white);
}

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

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

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

/* Security Tips Section */
.module-pink-8417 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.blue-480b {
    font-size: 2rem;
}

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

.clean_8f7a {
    flex: 1;
}

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

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

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

.secondary_hovered_64e9 {
    margin-top: 3rem;
}

.photo-75ca {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

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

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

.black_50d4 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

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

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

/* Tech Stack Section */
.short_407a {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.video_bfd8 {
    margin: 2rem 0;
}

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

.gradient-lite-10e3 .input_easy_1956 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.caption-outer-185e {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

.shadow-full-4063 {
    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);
}

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

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

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

/* Performance Section */
.south-30c0 {
    padding: var(--section-padding);
}

.input_f255 {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

.layout_fd08 {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

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

.menu-2c1d {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.copper-a3be {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.avatar_white_890c {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

.video-clean-495a {
    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);
}

.video-clean-495a p {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.video-clean-495a strong {
    color: var(--accent-color);
}

/* Update Log Section */
.list-under-c41b {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.module_rough_637c {
    margin: 2rem 0;
}

.block-f73b {
    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) {
    .block-f73b {
        flex-direction: column;
        gap: 1rem;
    }
}

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

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

.badge_old_2a82 {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.hovered-d0c4 {
    flex: 1;
}

.old-f057 {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.border-yellow-9e65 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.border-yellow-9e65 li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

.stone-5290 {
    flex: 1;
}

.preview_inner_9724 {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

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

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

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

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

/* Promo Highlights */
.row-e29c {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

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

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

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

.smooth_dbb5 .hard-49dd {
    font-size: 2rem;
    flex-shrink: 0;
}

.smooth_dbb5 .module_77e0 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.smooth_dbb5 .overlay-action-0ad3 {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

.smooth_dbb5 .detail-plasma-d0d6 {
    color: var(--accent-color);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Featured Promos Section */
.active-huge-9248 {
    padding: var(--section-padding);
}

.detail_middle_2964 .over_581d {
    flex: 1;
}

/* Promo Calendar Section */
.header_0dc4 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.item-iron-75de {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

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

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

.footer-af48 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.detail-paper-df64 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

.element-0d4c {
    color: var(--accent-color);
    font-weight: 600;
    font-size: 0.875rem;
}

.south-59b2 {
    color: var(--text-white);
    font-size: 0.9375rem;
}

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

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

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

/* Requirements Section */
.upper-07fe {
    padding: var(--section-padding);
}

.tooltip-down-8f89 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

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

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

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

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

.hero_eea1 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.east-abdb {
    margin-top: 3rem;
}

.east-abdb .photo-75ca {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.east-abdb .info_0758 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.east-abdb .black_50d4 {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.east-abdb .black_50d4 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.east-abdb .black_50d4 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.east-abdb .black_50d4 li strong {
    color: var(--warning-color);
}

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

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

/* Winners Hall Section */
.soft_7546 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.panel-bottom-5e80 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

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

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

.notification_wide_479c .input_easy_1956 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.feature_00af {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.module-62c4 {
    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);
}

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

.active-52f8 {
    font-size: 2rem;
    flex-shrink: 0;
}

.button_50fc {
    flex: 1;
}

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

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

.overlay_smooth_2797 {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

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

.card-out-b175 {
    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);
}

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

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

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

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

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

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

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.image-fast-0d11 { 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; }
.detail_256e, .active-768b { max-width:100%; height:auto; }

.alert_solid_b105, .message-thick-28f0, .icon_dim_af1b { white-space:normal; }

.row_2d40,
.mask_d970,
.dirty_e91b,
.row-e29c,
.row_first_2ae8,
.stone_b8b7 {
  flex-wrap:wrap;
}

[class*="grid"],
.tall-6253,
.main_mini_1bdd,
.list-black-63a0 {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.pro-d138 img,
.mask_d970 img,
.progress-88e6 img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.icon_complex_0222, .medium-e106,
.input-right-6d8f, .accordion_6c83 {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.outer_9cb7 { width:100%; overflow-x:auto; }
.outer_9cb7 table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.light-cb3e {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .light-cb3e {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.section_red_504e {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.static_12b2,
.banner_1a06,
.section-active-6aab,
.module-9a53,
.red-9f5a,
.tall-6253,
.main_mini_1bdd,
.list-black-63a0,
.description-pressed-710d,
.up_941f,
.light-cb3e {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .static_12b2,
  .banner_1a06,
  .section-active-6aab,
  .module-9a53,
  .red-9f5a,
  .tall-6253,
  .main_mini_1bdd,
  .list-black-63a0,
  .description-pressed-710d,
  .up_941f,
  .light-cb3e {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.lite_734f,
.shade_rough_ae0c,
.card-out-b175,
.widget-13d2,
.primary_4d68,
.message-out-e2ee,
.button-7fa3,
.section_red_504e {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.tabs_tall_1a67,
.tooltip-warm-2803,
.secondary-36e4 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.tabs_tall_1a67 > *,
.tooltip-warm-2803 > *,
.secondary-36e4 > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: 7323 */
.promo-block-p2 {
  padding: 0.1rem;
  font-size: 10px;
  line-height: 1.0;
}