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

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

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

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

@media (min-width: 1024px) {
    .north-023e {
        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 */
.menu-soft-3ab5 {
    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);
}

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .button-89c1 {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .top_24e4 {
        grid-column: 1;
    }
    
    .focus-a8eb {
        grid-column: 2;
    }
    
    .medium-eabe {
        grid-column: 3;
    }
}

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

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

/* Navigation */
.status-light-911a {
    display: none;
}

@media (min-width: 1024px) {
    .status-light-911a {
        display: block;
    }
}

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

.notification_lower_5574 {
    position: relative;
}

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

.notification_lower_5574 .media_a0c4 {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

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

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

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

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

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

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

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


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

.gas_843b::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 */
.medium-eabe {
    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) {
    .medium-eabe {
        display: none;
    }
}

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

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

.medium-eabe.fn-active-1524 span:nth-child(2) {
    opacity: 0;
}

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

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

.container_329b.fn-active-1524 {
    display: block;
    max-height: 500px;
}

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

.accent-out-2287 {
    list-style: none;
    padding: 0.75rem 0;
}

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

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


/* 移动端注册按钮动画效果 */
.column-f1a1.plasma_b992 {
    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;
}

.column-f1a1.plasma_b992::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 */
.summary-586a {
    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;
}

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

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

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

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

.block-paper-c595 {
    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;
}

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

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

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

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

.message-8d93 {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

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

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

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

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

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

.chip-gas-53cc {
    display: grid;
    gap: 3rem;
    align-items: center;
    position: relative;
    z-index: 1;
}

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

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

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

.top_e540 {
    margin-bottom: 2rem;
}

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

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

.out-79df {
    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);
}

.complex_e93d {
    font-size: 1.5rem;
}

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

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

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

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

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

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

.box_old_85e9 {
    margin-bottom: 1rem;
}

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

.hero-north-26ab {
    display: grid;
    gap: 3rem;
    align-items: center;
}

@media (min-width: 1024px) {
    .hero-north-26ab {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
    
    .hero-north-26ab.label_static_e439 {
        direction: rtl;
    }
    
    .hero-north-26ab.label_static_e439 > * {
        direction: ltr;
    }
}

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

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

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

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

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

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

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

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

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

.red-f33f {
    list-style: none;
}

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

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

/* Games Features */
.texture-east-12a5 {
    display: grid;
    gap: 2rem;
    margin: 2rem 0;
}

.overlay-stale-78e6 {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

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

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

.grid-04aa {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

.static-6c34 {
    font-size: 2.5rem;
    font-weight: 900;
    margin-bottom: 0.5rem;
}

.fixed-6fbe {
    font-size: 1.125rem;
    font-weight: 600;
}

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

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

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

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

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

.bronze_31b4 {
    font-size: 1.5rem;
}

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

.prev-13b3 {
    list-style: none;
}

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

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

/* Security Features */
.content-silver-10fa {
    margin: 2rem 0;
}

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

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

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

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

.dropdown_acc2 {
    font-size: 1.25rem;
}

.outline-action-8a51 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--success-color);
}

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

.blue-a445,
.stale-8fd1 {
    font-size: 1.125rem;
    color: var(--accent-color);
    font-weight: 600;
}

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

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

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

.complex-6a1d {
    position: relative;
    z-index: 1;
}

.photo_1bbc {
    margin-bottom: 1rem;
}

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

.component-f6ed {
    margin-bottom: 3rem;
}

.texture_d121 {
    margin-top: 3rem;
}

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

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

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

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

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

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

.content-pressed-4d0e {
    display: grid;
    gap: 2rem;
    padding: 3rem 0 2rem;
}

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

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

.title-soft-9fed {
    margin-bottom: 1rem;
}

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

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

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

.accordion_white_9019 {
    list-style: none;
}

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

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

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

.heading-advanced-c7d3 {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

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

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

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

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

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

.action_546a {
    text-align: center;
}

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

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

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

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

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

.clean-ae82 {
    animation: fadeInUp 0.6s ease-out;
}

.panel-prev-598a {
    animation: pulse 2s infinite;
}

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

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

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

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

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

.pro-4709 .footer-f83b {
    font-size: 1.25rem;
}

.pro-4709 .component-bc3b {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

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

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

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

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

.focus-static-0eb8 {
    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);
}

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

.badge-huge-8e74 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.shadow-small-c8ff .complex_c528 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.shadow-small-c8ff .grid-04aa {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

/* Login Page Specific Styles */
.menu-center-3bbb {
    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);
}

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

.old-979c {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

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

.old-979c 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);
}

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

.old-979c input::placeholder {
    color: var(--text-muted);
}

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

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

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

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

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

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

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

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

.description_focused_1547 .dropdown_acc2 {
    font-size: 1.25rem;
}

.description_focused_1547 .outline-action-8a51 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--success-color);
}

.message-hard-c3db {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.aside_40e4 .footer-f83b {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.aside_40e4 .grid-04aa {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.blue-0e90 .dropdown-6111 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.blue-0e90 .icon-b6cc {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.element-over-9f3b {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

.menu-middle-4d82 {
    font-size: 3rem;
    margin-bottom: 1.5rem;
}

.item_mini_f9f3 {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

.red-e4fa {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.summary-c5c1 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.label-basic-79d9 .mask-4dff {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.label-basic-79d9 .pink-a884 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.disabled-fluid-22f8 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.border-3935 .footer-f83b {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.border-3935 .grid-04aa {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.border-light-e9af {
    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);
}

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

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

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

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

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

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

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

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

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

.active-dynamic-80ba {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.tag_inner_e22b {
    flex: 1;
}

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

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

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

.video-liquid-c4d9 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

.selected-174b {
    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);
}

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

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

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

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

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

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

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

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

.progress-active-0b33 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

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

.disabled-fluid-22f8 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.border-3935 .complex_c528 {
    color: var(--success-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.border-3935 .grid-04aa {
    color: var(--text-gray);
    line-height: 1.6;
}

.disabled-8ff7 {
    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);
}

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

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

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

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

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

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

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

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

.button-eaa3 {
    padding: 1.5rem;
}

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

.preview-orange-824e {
    list-style: none;
    padding: 0;
    margin: 0;
}

.preview-orange-824e 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;
}

.preview-orange-824e li:last-child {
    border-bottom: none;
}

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

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

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

.pink-2d2d {
    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);
}

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

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

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

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

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

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

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

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

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

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

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

.light-5e74 {
    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);
}

.message_pressed_47a9 {
    text-align: center;
}

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

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

.basic-e97e {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

.notice_focused_a8cc .grid-04aa {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

.cool_ff23 {
    padding: 1.5rem;
}

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

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

.container-0f09 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;
}

.container-0f09 li:last-child {
    border-bottom: none;
}

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

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

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

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

.action-29e1 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.focus-static-0eb8 {
    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;
}

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

.badge-huge-8e74 {
    color: var(--text-gray);
    line-height: 1.6;
}

.panel-5751 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.dark-22de {
    display: flex;
    gap: 1rem;
}

.dark-22de .notice-fresh-b4c0 {
    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;
}

.message-full-3f92 {
    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);
}

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

.shade-5db9 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.shade-5db9 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;
}

.shade-5db9 li:last-child {
    border-bottom: none;
}

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

.focus-action-1038 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

.dim-036e {
    font-size: 1rem;
}

.easy_106f {
    padding: 1.5rem;
}

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

.picture-fluid-0d2e {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.picture-fluid-0d2e .message_pressed_47a9 {
    text-align: center;
}

.picture-fluid-0d2e .down_f768 {
    color: var(--text-muted);
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.25rem;
}

.picture-fluid-0d2e .video-clean-927f {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

.fast-0ff5 {
    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);
}

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

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

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

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

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

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

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

.surface-12ff {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.mask-brown-71a1 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.tertiary-b4b6 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

.block-solid-11b6 {
    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);
}

.info-59f9 {
    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;
}

.info-59f9.accent-13da {
    background: linear-gradient(135deg, #cd7f32, #a0522d);
    color: white;
}

.info-59f9.hidden_c29a {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

.info-59f9.secondary-fe60 {
    background: linear-gradient(135deg, #ffd700, #ffb347);
    color: #0f172a;
}

.info-59f9.tertiary-013c {
    background: linear-gradient(135deg, #e5e4e2, #b8b8b8);
    color: #0f172a;
}

.info-59f9.dark_c879 {
    background: linear-gradient(135deg, #b9f2ff, #00bfff);
    color: #0f172a;
}

.texture-fresh-8d86 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

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

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

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

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

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

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

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

.backdrop-prev-f1ae {
    display: grid;
    gap: 1.5rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

.search_easy_9193.filter_middle_611c .fast_776d {
    background: rgba(6, 182, 212, 0.1);
}

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

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

.search_easy_9193.filter_middle_611c .up-2db2 {
    color: var(--info-color);
}

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

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

.search_easy_9193.filter_middle_611c .slow_7c6d {
    color: var(--info-color);
}

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

.soft-5c82 {
    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 */
.gold-8f26 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin: 2rem 0;
}

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

.gallery-smooth-8b67 {
    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);
}

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

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

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

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

.block_light_b145 {
    flex: 1;
}

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

.pagination-fast-7f50 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.sort-5a04 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

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

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

.fluid_9034 .message_pressed_47a9 {
    text-align: center;
}

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

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

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

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

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

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

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

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

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

.detail-1dc2 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

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

.module-medium-9496.last-1c9b {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.module-medium-9496.lite-a8d6 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
}

.module-medium-9496.steel_2c85 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--info-color);
}

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

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

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

.badge_d481 .hero_12b0 {
    color: var(--text-gray);
    font-size: 0.875rem;
    text-align: left;
}

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

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

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

.dropdown-silver-2c5b {
    text-align: center;
}

.dropdown-silver-2c5b .hard-c8d2 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--success-color);
    margin-bottom: 0.5rem;
}

.dropdown-silver-2c5b .down_f768 {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Utility Classes */
.main-19bf { text-align: center; }
.outline-7ec1 { text-align: left; }
.white_d1f3 { text-align: right; }

.static-c966 { margin-bottom: 0; }
.easy-9ec7 { margin-bottom: 0.5rem; }
.popup_old_2cca { margin-bottom: 1rem; }
.texture-b78a { margin-bottom: 1.5rem; }
.slider-1bbc { margin-bottom: 2rem; }

.input_right_f4e3 { margin-top: 0; }
.accent-f22d { margin-top: 0.5rem; }
.pressed-ab28 { margin-top: 1rem; }
.lite-3324 { margin-top: 1.5rem; }
.prev-8bc3 { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .focus_dceb {
        padding: 6rem 0 3rem;
    }
    
    .chip-gas-53cc {
        text-align: center;
    }
    
    .hero-north-26ab {
        text-align: center;
    }
    
    .short-3d44 {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .menu-soft-3ab5,
    .container_329b,
    .layout_252e,
    .mini-3831 {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .focus_dceb {
        background: none;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.article-narrow-0db7:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

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

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

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

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

.main-west-c779 {
    color: var(--accent-color);
}

.under_55e9 {
    font-size: 1.25rem;
}

.north_0fc3 {
    margin-bottom: 1rem;
}

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

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

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

.message_pressed_47a9 {
    text-align: center;
}

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

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

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

.shadow-2005 {
    margin: 2rem 0;
}

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

.hover_b407 .footer-f83b {
    font-size: 2rem;
    flex-shrink: 0;
}

.west-0b80 {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

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

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

.disabled-basic-7fc5 {
    font-size: 2rem;
}

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

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

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

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

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

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

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

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

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

.caption-8918 .hard-c8d2 {
    font-size: 3rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    display: block;
}

.caption-8918 .down_f768 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.75rem;
    display: block;
}

.caption-8918 .disabled-b66d {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin: 0;
}

.carousel-green-e59b {
    margin-top: 4rem;
}

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

.background-882c {
    overflow-x: auto;
}

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

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

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

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

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

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

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

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

.menu-east-d336 {
    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);
}

.menu-east-d336:hover {
    border-color: var(--accent-color);
}

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

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

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

.menu-east-d336.fn-active-1524 .center_33e2 {
    transform: rotate(45deg);
}

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

.menu-east-d336.fn-active-1524 .card-east-f60a {
    max-height: 1000px;
}

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

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

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

/* System Requirements Section */
.outline-large-06e5 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

.media-dirty-0223 {
    font-size: 2rem;
}

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

.progress-7e37 {
    list-style: none;
    padding: 0;
}

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

.progress-7e37 li:last-child {
    border-bottom: none;
}

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

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

.panel-1646 {
    margin-top: 3rem;
}

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

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

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

.main-5a26 {
    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);
}

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

.main-5a26 p {
    color: var(--text-gray);
    margin: 0;
}

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

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

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

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

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

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

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

.popup-blue-ffe3 {
    flex: 1;
}

.element-blue-38ff {
    color: var(--text-white);
    margin: 0 0 0.25rem 0;
    font-weight: 600;
}

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

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

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

.shade-7c35:last-child {
    border-bottom: none;
}

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

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

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

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

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

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

.surface-c432, .content_4b54, .pagination_brown_dd47 {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

.pagination_brown_dd47 {
    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 */
.advanced-15d3 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.aside_178c {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

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

.prev-de8e {
    margin: 2rem 0;
}

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

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

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

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

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

.solid-54f0 {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.glass-3ba7 strong {
    color: var(--accent-color);
}

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

@media (min-width: 1024px) {
    .logo-stone-08e8 {
        grid-template-columns: 1fr 1fr;
    }
}

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

.clean-37f8 {
    margin-bottom: 1.5rem;
}

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

.clean-37f8 input,
.clean-37f8 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;
}

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

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

.rough_d9d7 {
    display: flex;
    align-items: center;
}

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

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

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

.photo-first-5873 {
    color: var(--text-gray);
}

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

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

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

.gas_5310 {
    margin-top: 3rem;
}

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

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

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

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

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

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

.hero_c491 {
    margin: 2rem 0;
}

.notification-iron-c375 {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

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

.search-9d19:hover, .search-9d19.fn-active-1524 {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.disabled_smooth_8465 {
    display: none;
}

.disabled_smooth_8465.fn-active-1524 {
    display: block;
}

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

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

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

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

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

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

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

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

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

.pattern-orange-c2f1 {
    color: var(--accent-color);
    margin: 0;
}

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

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

.item-552f {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 2rem 0;
}

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

.column-db92.article-slow-de05 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.column-db92.list-b63f {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

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

.summary_dim_7f44 {
    margin-top: 2rem;
}

.pressed-3c3f {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

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

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

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

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

.row_8625 {
    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 */
.sidebar-basic-eb9c {
    padding: var(--section-padding);
}

.huge_b3b4 {
    margin: 2rem 0;
}

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

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

.logo-fa76 {
    list-style: none;
    padding: 0;
}

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

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

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

.primary_under_ec01 {
    margin: 2rem 0;
}

.border-pressed-7771 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

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

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

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

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

.slider_9b9e {
    margin-top: 2rem;
}

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

.lite-40cf {
    list-style: none;
    padding: 0;
}

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

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

.content-2121 a:hover {
    text-decoration: underline;
}

.accent-clean-fd52 {
    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 */
.purple-df6a {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.clean-2333 {
    margin: 2rem 0;
}

.blue-3345 {
    margin-bottom: 3rem;
}

.blue-3345 .notice-fda3 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

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

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

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

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

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

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

.copper_d6cc {
    margin: 2rem 0;
}

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

.overlay-501b {
    overflow-x: auto;
    margin: 2rem 0;
}

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

.footer-smooth-b4f9 {
    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;
}

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

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

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

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

.paragraph_glass_a19a .footer-f83b {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

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

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

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

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

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

.input-481e {
    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;
}

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

.search-0f1d {
    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);
}

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

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

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

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

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

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

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

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

.texture_3aad .notice-fresh-b4c0 {
    color: var(--text-gray);
    font-size: 0.875rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.description-1015 {
    flex: 1;
}

.progress-active-0b33 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

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

/* Live Features Section */
.disabled-fluid-22f8 {
    margin: 2rem 0;
}

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

.border-3935 .complex_c528 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

.border-3935 .grid-04aa {
    color: var(--text-gray);
    margin: 0;
}

.disabled-8ff7 {
    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);
}

.disabled-8ff7 .blue-a445 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

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

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

.tag_inner_e22b {
    flex: 1;
}

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

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

/* Step Content Styles */
.focus-static-0eb8 {
    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;
}

.surface_south_4c93 {
    flex: 1;
}

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

.badge-huge-8e74 {
    color: var(--text-gray);
    margin: 0;
}

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

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

.dark-22de {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.dark-22de .notice-fresh-b4c0 {
    padding: 0.5rem 1rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-md);
    color: var(--text-gray);
    font-size: 0.875rem;
}

.message-full-3f92 {
    margin-top: 2rem;
}

.message-full-3f92 .thumbnail-pro-e3a2 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

/* Game Categories Section */
.gradient-fast-5c2f {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.basic-e97e {
    margin: 2rem 0;
}

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

.cool_ff23 {
    margin-top: 1rem;
}

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

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

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

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

.blue-c6c7 {
    margin: 2rem 0;
}

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

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

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

.steel_ff89 {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

.info-easy-247f {
    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);
}

.info-easy-247f p {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

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

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

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

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

.static-54bd .dirty-dc06 {
    font-size: 2rem;
    flex-shrink: 0;
}

.static-54bd .red_5e29 {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

.icon_7838 {
    flex: 1;
}

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

.outer-6c4b {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

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

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

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

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

/* Slots Section */
.notification-35ba {
    padding: var(--section-padding);
}

.red-e4fa {
    margin: 2rem 0;
}

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

.summary-c5c1 {
    margin: 2rem 0;
}

.label-basic-79d9 {
    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);
}

.label-basic-79d9:hover {
    transform: translateX(4px);
    border-color: var(--accent-color);
}

.label-basic-79d9 .mask-4dff {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.label-basic-79d9 .pink-a884 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

.paragraph-4cd1 .blue-a445 {
    color: var(--text-gray);
    margin: 0;
    text-align: center;
    font-size: 1.125rem;
}

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

.widget-static-f512 {
    margin: 2rem 0;
}

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

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

.green-365f {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

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

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

.tall-e7b6.fn-active-1524 {
    background: var(--accent-color);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

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

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

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

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

.pagination_fresh_8c1f {
    margin: 2rem 0;
}

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

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

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

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

.glass_59ca {
    flex: 1;
}

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

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

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

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

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

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

.sort-651e {
    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;
}

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

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

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

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

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

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

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

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

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

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

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

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

.modal-9610 {
    font-size: 2rem;
}

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

.link-7933 {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

.dim_52ee {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

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

.message-out-045b {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: var(--secondary-bg);
    border-radius: var(--radius-md);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

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

.header-wood-3562 {
    color: var(--accent-color);
    font-weight: 600;
}

.sort-2553 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
    text-align: center;
}

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

/* Security Section */
.tall_62fc {
    padding: var(--section-padding);
}

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

/* Help Section */
.header_clean_fbd5 {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.image-wood-d6e1 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

.component-35dd {
    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) {
    .component-35dd {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.component-35dd .focus-static-0eb8 {
    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;
}

.component-35dd .surface_south_4c93 {
    flex: 1;
}

.component-35dd .nav_orange_55f1 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

.component-35dd .badge-huge-8e74 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

.logo-ae44 .picture-5786 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.logo-ae44 .message-hard-c3db {
    list-style: none;
    padding: 0;
    margin: 0;
}

.logo-ae44 .message-hard-c3db li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
}

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

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

/* Quick Registration Section */
.grid_9cc8 {
    padding: var(--section-padding);
}

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

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

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

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

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

.tiny_2fd2 .inner-2b7a {
    flex: 1;
}

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

.tiny_2fd2 .shadow-9a87 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

.column-0e53 .shadow-33f4 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.column-0e53 .full_20bd {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

.column-0e53 .full_20bd 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);
}

.column-0e53 .full_20bd li:last-child {
    border-bottom: none;
}

.column-0e53 .full_20bd 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;
}

.column-0e53 .full_20bd li strong {
    color: var(--text-white);
}

.stale-8b4f {
    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);
}

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

.stale-8b4f strong {
    color: var(--accent-color);
}

/* Security Tips Section */
.gallery-cf37 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

.section-416a {
    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-416a:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-md);
}

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

.row-595c {
    font-size: 2rem;
}

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

.wood-20be {
    flex: 1;
}

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

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

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

.left_fafd {
    margin-top: 3rem;
}

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

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

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

.logo-fa76 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.logo-fa76 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.logo-fa76 li strong {
    color: var(--warning-color);
}

/* Tech Stack Section */
.middle_1da8 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.smooth-1229 {
    margin: 2rem 0;
}

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

.yellow-27cb .notice-fda3 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

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

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

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

.search-stone-6511 {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

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

/* Performance Section */
.box_6953 {
    padding: var(--section-padding);
}

.gold_2261 {
    margin: 2rem 0;
}

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

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

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

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

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

.footer-under-33aa {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.menu-3a20 {
    color: var(--text-white);
    margin: 0;
    font-size: 1rem;
}

.element_under_6138 {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.element_under_6138.panel-82c1 {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.brown_11ad {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.preview_d2fe {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.photo-iron-b6c6 {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

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

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

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

/* Update Log Section */
.mask-white-6493 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.breadcrumb_black_4bc7 {
    margin: 2rem 0;
}

.frame_thick_572c {
    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) {
    .frame_thick_572c {
        flex-direction: column;
        gap: 1rem;
    }
}

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

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

.hero_in_71ce {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.media_a4eb {
    flex: 1;
}

.caption_2e24 {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.backdrop-lower-0dcb {
    list-style: none;
    padding: 0;
    margin: 0;
}

.backdrop-lower-0dcb li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

.pink-1ab2 {
    flex: 1;
}

.popup-pro-283b {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

.summary-glass-2e35 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

.shadow-fresh-a8e6 {
    margin-top: 2rem;
    text-align: center;
}

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

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

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

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

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

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

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

.label_lite_3d3d .shade_a720 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.label_lite_3d3d .lower-d523 {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

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

/* Featured Promos Section */
.badge_9be9 {
    padding: var(--section-padding);
}

.black_c4c4 .text-fast-a69b {
    flex: 1;
}

/* Promo Calendar Section */
.slider_copper_7251 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.card-medium-99d2 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.outline_6ad7 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

.focused_0484 {
    color: var(--text-white);
    font-size: 0.9375rem;
}

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

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

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

/* Requirements Section */
.sidebar_soft_0ff6 {
    padding: var(--section-padding);
}

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

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

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

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

.tabs-inner-a8eb {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tabs-inner-a8eb li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.wrapper_upper_bc0c {
    margin-top: 3rem;
}

.wrapper_upper_bc0c .carousel-ca04 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.wrapper_upper_bc0c .info_out_fbab {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.wrapper_upper_bc0c .logo-fa76 {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.wrapper_upper_bc0c .logo-fa76 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.wrapper_upper_bc0c .logo-fa76 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.wrapper_upper_bc0c .logo-fa76 li strong {
    color: var(--warning-color);
}

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

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

/* Winners Hall Section */
.menu-middle-b4f2 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.south_8d3f .notice-fda3 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.highlight-b5cf {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

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

.pagination-selected-44f2 {
    flex: 1;
}

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

.search-south-3276 {
    color: var(--text-muted);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.badge-071f {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

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

.blue-6de2 {
    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);
}

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

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

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

.glass-3ba7 {
    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);
}

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

.static-05a5 strong {
    color: var(--accent-color);
}

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.north-023e { 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; }
.black_8719, .image_hard_67b1 { max-width:100%; height:auto; }

.summary-586a, .block-paper-c595, .selected_30e0 { white-space:normal; }

.chip-gas-53cc,
.hero-north-26ab,
.gold-8f26,
.mask_warm_bdc7,
.disabled-fluid-22f8,
.detail-1dc2 {
  flex-wrap:wrap;
}

[class*="grid"],
.menu-top-6f3a,
.gradient_white_6971,
.photo_left_65c9 {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.focus_dceb img,
.hero-north-26ab img,
.orange-3608 img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.icon_b029, .liquid_97cd,
.box_old_85e9, .over-8294 {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.background-882c { width:100%; overflow-x:auto; }
.background-882c table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.title_d119 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .title_d119 {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.east-e6f5 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.texture-bottom-e401,
.panel-full-e049,
.liquid_879d,
.hovered_83cb,
.input_solid_adbb,
.menu-top-6f3a,
.gradient_white_6971,
.photo_left_65c9,
.bright_e311,
.pagination_fresh_8c1f,
.title_d119 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .texture-bottom-e401,
  .panel-full-e049,
  .liquid_879d,
  .hovered_83cb,
  .input_solid_adbb,
  .menu-top-6f3a,
  .gradient_white_6971,
  .photo_left_65c9,
  .bright_e311,
  .pagination_fresh_8c1f,
  .title_d119 {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.caption-8918,
.shadow-d25d,
.blue-6de2,
.out-79df,
.label_4848,
.dropdown-silver-2c5b,
.north-bf1e,
.east-e6f5 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.section-b44a,
.blue-19ea,
.message-1362 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.section-b44a > *,
.blue-19ea > *,
.message-1362 > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: 0b9b */
.promo-block-z7 {
  padding: 0.1rem;
  font-size: 11px;
  line-height: 1.3;
}