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

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

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

@media (min-width: 640px) {
    .wrapper-down-81f7 {
        padding: 0 1.5rem;
    }
}

@media (min-width: 1024px) {
    .wrapper-down-81f7 {
        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 */
.advanced-6016 {
    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);
}

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .center-c095 {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .component-dynamic-1c0f {
        grid-column: 1;
    }
    
    .dim-9681 {
        grid-column: 2;
    }
    
    .action_8632 {
        grid-column: 3;
    }
}

.component-dynamic-1c0f img {
    height: 50px;
    width: auto;
    transition: var(--transition-fast);
}

.component-dynamic-1c0f:hover img {
    transform: scale(1.05);
}

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

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

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

.status_hard_5230 {
    position: relative;
}

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

.status_hard_5230 .primary-d791 {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

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

.black-22af {
    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;
}

.black-22af:hover,
.black-22af.fn-active-0a5e {
    color: var(--accent-light);
    background: var(--tertiary-bg);
    box-shadow: var(--shadow-glow);
}

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

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

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

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


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

.easy_561c::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 */
.action_8632 {
    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) {
    .action_8632 {
        display: none;
    }
}

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

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

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

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

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

.box-f057.fn-active-0a5e {
    display: block;
    max-height: 500px;
}

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

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

.list-62aa {
    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;
}

.list-62aa:hover,
.list-62aa.fn-active-0a5e {
    background: var(--tertiary-bg);
    color: var(--accent-light);
    border-left: 3px solid var(--accent-color);
    padding-left: 1.375rem;
}


/* 移动端注册按钮动画效果 */
.list-62aa.header-complex-1e1f {
    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;
}

.list-62aa.header-complex-1e1f::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 */
.static-0680 {
    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;
}

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

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

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

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

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

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

.banner-stale-77e8 {
    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;
}

.active-hovered-04f1 {
    background: var(--secondary-bg);
    color: var(--accent-color);
    border: 1px solid var(--accent-color);
}

.active-hovered-04f1:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

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

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

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

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

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

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

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

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

.active-402e {
    margin-bottom: 1.5rem;
    line-height: 1.1;
}

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

.inner-a002 {
    margin-bottom: 2rem;
}

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

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

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

.border_e24b {
    font-size: 1.5rem;
}

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

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

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

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

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

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

.active-basic-aac9 {
    margin-bottom: 1rem;
}

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

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

@media (min-width: 1024px) {
    .right_a1ce {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
    
    .right_a1ce.content-narrow-c54e {
        direction: rtl;
    }
    
    .right_a1ce.content-narrow-c54e > * {
        direction: ltr;
    }
}

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

.widget-982d:first-child {
    margin-top: 0;
}

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

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

.chip-short-18ed:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-xl);
}

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

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

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

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

.item_lite_5ad9 {
    list-style: none;
}

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

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

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

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

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

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

.table-91e4 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

.pattern-10f5 {
    font-size: 1.125rem;
    font-weight: 600;
}

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

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

.module-slow-e48d {
    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);
}

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

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

.inner_b7b2 {
    font-size: 1.5rem;
}

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

.first_6484 {
    list-style: none;
}

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

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

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

.surface-paper-ef71 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

.iron_0d7b {
    font-size: 1.25rem;
}

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

/* Statistics */
.texture-new-bddc,
.hidden-8ff8 {
    text-align: center;
    margin: 2rem 0;
}

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

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

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

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

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

.banner-prev-4812 {
    margin-bottom: 1rem;
}

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

.video_70f9 {
    margin-bottom: 3rem;
}

.text_lite_8e58 {
    margin-top: 3rem;
}

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

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

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

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

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

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

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

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

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

.breadcrumb_center_75b9 {
    margin-bottom: 1rem;
}

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

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

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

.info_420b {
    list-style: none;
}

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

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

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

.background-0b6b {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

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

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

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

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

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

.carousel_f67d {
    text-align: center;
}

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

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

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

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

.liquid-16e1 {
    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_9c06 {
    animation: fadeInUp 0.6s ease-out;
}

.input_medium_8136 {
    animation: pulse 2s infinite;
}

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

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

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

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

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

.card-b032 .outline_08d6 {
    font-size: 1.25rem;
}

.card-b032 .outer-083a {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

.top-e83e {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

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

.menu-286b .wide-bd3b {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.menu-286b .table-91e4 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.hover-stale-ca30 {
    display: flex;
    justify-content: center;
    margin: 3rem 0;
}

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

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

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

.module-dynamic-847e {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.popup_1030 .iron_0d7b {
    font-size: 1.25rem;
}

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

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

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

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

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

.component_over_f3c0 .table-91e4 {
    color: var(--text-gray);
    line-height: 1.6;
}

.clean-83dc {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.button_cool_2550 .aside-top-f79c {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

.badge-hard-7fa6 {
    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);
}

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

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

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

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

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

.thumbnail_206e {
    flex: 1;
}

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

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

.avatar-5ca9 {
    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);
}

.avatar-5ca9:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

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

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

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

.backdrop-west-507b {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

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

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

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

.logo-hot-93d0 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.article_d1b4 .aside-smooth-cdae {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

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

.hero-0ff8 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.table_9ae7 .table-91e4 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.notification-dark-6c4c {
    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);
}

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

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

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

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

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

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

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

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

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

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

.hard-56b2 {
    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);
}

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

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

.upper-c084 {
    flex: 1;
}

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

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

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

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

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

.status_down_0594 .aside-top-f79c {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hero-0ff8 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.table_9ae7 .wide-bd3b {
    color: var(--success-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.table_9ae7 .table-91e4 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

.preview-wood-c1cb {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

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

.avatar-wide-1817 {
    padding: 1.5rem;
}

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

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

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

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

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

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

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

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

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

.pattern-4c6e {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

.column_down_f4dc {
    text-align: center;
}

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

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

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

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

.soft-8d73 .wide-bd3b {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.soft-8d73 .table-91e4 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

.nav_c9f8 {
    padding: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.logo_liquid_68c5 .accordion-5d04 {
    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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.article_65f1 {
    font-size: 1rem;
}

.active-aa57 {
    padding: 1.5rem;
}

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

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

.card_medium_f79b .column_down_f4dc {
    text-align: center;
}

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

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

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

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

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

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

.narrow-3d6c {
    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);
}

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

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

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

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

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

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

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

.nav-pro-54cd {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

.gas_31ea.tiny-a757 {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

.gas_31ea.hidden-short-8ea6 {
    background: linear-gradient(135deg, #ffd700, #ffb347);
    color: #0f172a;
}

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

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

.list-glass-0ad7 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.layout-light-73bb {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.clean-83dc {
    list-style: none;
    padding: 0;
    margin: 0;
}

.clean-83dc 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;
}

.clean-83dc li:last-child {
    border-bottom: none;
}

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

.button-b08e {
    display: grid;
    gap: 1.5rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

.secondary_top_30e2.main_c946 .thumbnail_68a4 {
    background: rgba(6, 182, 212, 0.1);
}

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

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

.secondary_top_30e2.main_c946 .heading_under_9fe5 {
    color: var(--info-color);
}

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

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

.secondary_top_30e2.main_c946 .border_prev_7f41 {
    color: var(--info-color);
}

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

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

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

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

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

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

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

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

.dim-e8a5 {
    flex: 1;
}

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

.form-stale-47ed {
    color: var(--text-gray);
    line-height: 1.6;
}

.surface-bronze-cca4 {
    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);
}

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

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

.liquid-16e1 {
    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);
}

.modal-outer-bd94 {
  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);
}

.modal-outer-bd94 .column_down_f4dc {
    text-align: center;
}

.modal-outer-bd94 .liquid-bbd3 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--info-color);
    margin-bottom: 0.5rem;
}

.modal-outer-bd94 .tooltip_a6e4 {
    color: var(--text-gray);
    font-size: 0.875rem;
    font-weight: 600;
}

.status-smooth-b06f {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

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

.small-181c {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

.input-copper-9d93 {
    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);
}

.sort-old-d3cc {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

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

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

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

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

.pattern_top_1ffd.card-prev-6d0c {
    background: rgba(6, 182, 212, 0.2);
    color: var(--info-color);
}

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

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

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

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

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

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

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

.progress_black_4f79 {
    text-align: center;
}

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

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

/* Utility Classes */
.plasma_63c5 { text-align: center; }
.lower_92a0 { text-align: left; }
.link_3e6c { text-align: right; }

.progress-39b8 { margin-bottom: 0; }
.content_wide_b6af { margin-bottom: 0.5rem; }
.card_e03f { margin-bottom: 1rem; }
.light-836c { margin-bottom: 1.5rem; }
.layout_4fe8 { margin-bottom: 2rem; }

.down-1658 { margin-top: 0; }
.hot-6bc9 { margin-top: 0.5rem; }
.article-1833 { margin-top: 1rem; }
.filter-0a4a { margin-top: 1.5rem; }
.menu-01f0 { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .footer-f5e9 {
        padding: 6rem 0 3rem;
    }
    
    .paper_55f4 {
        text-align: center;
    }
    
    .right_a1ce {
        text-align: center;
    }
    
    .tooltip-8fe4 {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .advanced-6016,
    .box-f057,
    .old_43c5,
    .detail_5c39 {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .footer-f5e9 {
        background: none;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.status-gold-510d {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.new-310d {
    display: flex;
    flex-direction: column;
}

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

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

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

.hero_short_8e9b {
    font-size: 1.25rem;
}

.icon-purple-938e {
    margin-bottom: 1rem;
}

.icon-purple-938e p {
    color: var(--text-gray);
    line-height: 1.6;
    margin: 0;
}

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

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

.column_down_f4dc {
    text-align: center;
}

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

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

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

.heading-large-d713 {
    margin: 2rem 0;
}

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

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

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

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

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

.carousel-5aee {
    font-size: 2rem;
}

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

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

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

/* Statistics Section */
.form-last-02c9 {
    padding: var(--section-padding);
}

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

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

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

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

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

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

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

.main_liquid_9e0b .shade-white-12ed {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin: 0;
}

.dark_d57d {
    margin-top: 4rem;
}

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

.link_c23e {
    overflow-x: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-52f7.fn-active-0a5e .pressed-0636 {
    transform: rotate(45deg);
}

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

.border-52f7.fn-active-0a5e .tag_upper_0d73 {
    max-height: 1000px;
}

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

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

.hover-stale-ca30 {
    margin: 2rem 0;
    text-align: center;
}

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

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

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

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

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

.yellow_bfd1 {
    font-size: 2rem;
}

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

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

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

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

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

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

.bronze-471f {
    margin-top: 3rem;
}

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

.secondary-20db {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

.form-soft-24f6 {
    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);
}

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

.form-soft-24f6 p {
    color: var(--text-gray);
    margin: 0;
}

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

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

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

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

.background-soft-1ce8:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

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

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

.active_9f34 {
    flex: 1;
}

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

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

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

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

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

/* Comparison Section */
.text-active-4e8d {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.gallery-glass-d661, .large_0e5f, .smooth-cf1e {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

.smooth-cf1e {
    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 */
.popup-92e8 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.block-c9e4 {
    margin: 2rem 0;
}

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

.row-over-0d90 {
    color: var(--accent-color);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.fresh-72f6 {
    list-style: none;
    padding: 0;
}

.fresh-72f6 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;
}

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

.fresh-72f6 li:last-child {
    border-bottom: none;
}

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

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

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

.current_ed75 {
    margin: 2rem 0;
}

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

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

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

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

.wrapper-37d2 {
    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;
}

.wide_4a35 {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.progress_complex_da00 {
    margin-bottom: 1.5rem;
}

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

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

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

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

.slider-light-8ec4 {
    display: flex;
    align-items: center;
}

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

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

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

.left-1f4c {
    color: var(--text-gray);
}

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

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

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

.box_east_3fe6 {
    margin-top: 3rem;
}

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

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

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

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

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

/* Game Rules Section */
.shade-west-987a {
    padding: var(--section-padding);
}

.button-00e3 {
    margin: 2rem 0;
}

.card-down-e32f {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

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

.surface_9302:hover, .surface_9302.fn-active-0a5e {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.image_over_de8c {
    display: none;
}

.image_over_de8c.fn-active-0a5e {
    display: block;
}

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

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

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

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

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

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

.up_fbb6 {
    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 */
.image-active-ccea {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

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

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

.stone-54e4.first_b6ea {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.stone-54e4.label_medium_c4f3 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

.stone-54e4.border_a808 {
    background: rgba(239, 68, 68, 0.2);
    color: var(--danger-color);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.main_5104 {
    margin-top: 2rem;
}

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

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

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

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

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

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

.caption-6d73 {
    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 */
.detail_basic_02fb {
    padding: var(--section-padding);
}

.list_under_393b {
    margin: 2rem 0;
}

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

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

.detail-next-2ed3 {
    list-style: none;
    padding: 0;
}

.detail-next-2ed3 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;
}

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

.detail-next-2ed3 li:last-child {
    border-bottom: none;
}

.carousel-inner-766c {
    margin: 2rem 0;
}

.section-north-7b7a {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

.over-6fe4 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

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

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

.popup-16c8 {
    margin-top: 2rem;
}

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

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

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

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

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

.menu-old-e278 {
    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 */
.accent-5f36 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.surface_full_32ac {
    margin: 2rem 0;
}

.nav_medium_605b {
    margin-bottom: 3rem;
}

.nav_medium_605b .row-over-0d90 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

.texture-25b4 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

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

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

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

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

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

.static-9271 {
    margin: 2rem 0;
}

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

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

.large-3ab1 {
    background: rgba(6, 182, 212, 0.1) !important;
}

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

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

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

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

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

.lite-de22 .outline_08d6 {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

.lite-de22 .wide-bd3b {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.overlay-copper-9c9b {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

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

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

.south-22fd {
    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;
}

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

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

.main-silver-20c9 {
    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;
}

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

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

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

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

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

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

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

.pro_35b2 .accordion-5d04 {
    color: var(--text-gray);
    font-size: 0.875rem;
}

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

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

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

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

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

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

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

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

.medium-7cd2 strong {
    color: var(--accent-color);
}

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

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

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

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

.accordion-east-9930 {
    flex: 1;
}

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

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

/* Live Features Section */
.hero-0ff8 {
    margin: 2rem 0;
}

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

.table_9ae7 .wide-bd3b {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

.table_9ae7 .table-91e4 {
    color: var(--text-gray);
    margin: 0;
}

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

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

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

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

.upper-c084 {
    flex: 1;
}

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

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

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

.fluid-5545 {
    flex: 1;
}

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

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

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

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

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

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

.photo-b077 {
    margin-top: 2rem;
}

.photo-b077 .steel_67f9 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

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

.outline_lite_9938 {
    margin: 2rem 0;
}

.soft-8d73 {
    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 */
.stale_8cc4 {
    padding: var(--section-padding);
}

.nav_c9f8 {
    margin-top: 1rem;
}

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

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

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

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

.tag_paper_d108 {
    margin: 2rem 0;
}

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

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

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

.hero_325c {
    margin: 2rem 0;
}

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

.filter-green-c78a .row-over-0d90 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.alert-15a4 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

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

.content-medium-33bb {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1.125rem;
}

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

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

/* Tips Section */
.shade-gas-2d54 {
    padding: var(--section-padding);
}

.photo-pink-227b {
    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;
}

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

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

.focus-18b9 .notice-e509 {
    font-size: 2rem;
    flex-shrink: 0;
}

.focus-18b9 .shadow-abd6 {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

.footer-prev-c598 {
    flex: 1;
}

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

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

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

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

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

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

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

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

.accordion_bottom_4123 {
    margin: 2rem 0;
}

/* Table Games Section */
.carousel-focused-8a3b {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.logo-hot-93d0 {
    margin: 2rem 0;
}

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

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

.article_d1b4 .aside-smooth-cdae {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

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

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

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

.short_0add {
    margin: 2rem 0;
}

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

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

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

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

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

.stale_a030.fn-active-0a5e {
    background: var(--accent-color);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

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

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

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

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

.widget-hard-f16e {
    margin: 2rem 0;
}

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

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

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

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

.pressed-fc85 {
    flex: 1;
}

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

.list-over-87a0 {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

.avatar-8b00 {
    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;
}

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

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

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

.table-yellow-3897 {
    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;
}

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

.surface-over-9d6a {
    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);
}

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

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

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

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

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

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

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

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

.message-fast-6002 {
    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;
}

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

.input_4faf {
    font-size: 2rem;
}

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

.copper-1acb {
    flex: 1;
}

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

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

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

.rough-08e2 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

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

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

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

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

.badge-down-4d33 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.progress_9aaa {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

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

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

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

.mask_simple_339e {
    color: var(--accent-color);
    font-weight: 600;
}

.paper-0239 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
    text-align: center;
}

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

/* Security Section */
.modal-fast-2cdc {
    padding: var(--section-padding);
}

/* Benefits Section */
.secondary-advanced-43a8 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

/* Help Section */
.item-cold-e53c {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.sort_out_6fad {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.basic-796a {
    margin: 3rem 0;
    display: grid;
    gap: 2rem;
}

.border_1c06 {
    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) {
    .border_1c06 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

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

.border_1c06 .fluid-5545 {
    flex: 1;
}

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

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

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

.iron-4009 .surface-paper-ef71 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.iron-4009 .action_e6f9 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.iron-4009 .action_e6f9 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
}

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

.cold-59f0 {
    text-align: center;
    margin-top: 2rem;
}

/* Quick Registration Section */
.frame_last_bda1 {
    padding: var(--section-padding);
}

.media-outer-4fa5 {
    margin: 2rem 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

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

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

.widget-7dc3:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
}

.widget-7dc3 .component-last-fa6a {
    font-size: 2rem;
    flex-shrink: 0;
}

.widget-7dc3 .focus_lite_6184 {
    flex: 1;
}

.widget-7dc3 .aside-top-f79c {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.widget-7dc3 .tabs_7725 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

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

.slider_0708 .top-ed7b {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

.slider_0708 .top-ed7b 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);
}

.slider_0708 .top-ed7b li:last-child {
    border-bottom: none;
}

.slider_0708 .top-ed7b 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;
}

.slider_0708 .top-ed7b li strong {
    color: var(--text-white);
}

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

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

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

/* Security Tips Section */
.pink_a76e {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

.banner-under-b4bc {
    font-size: 2rem;
}

.block-last-36e9 {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

.input_8806 {
    flex: 1;
}

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

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

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

.carousel-glass-f18b {
    margin-top: 3rem;
}

.filter-8d44 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

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

.detail-next-2ed3 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.detail-next-2ed3 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.detail-next-2ed3 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.detail-next-2ed3 li strong {
    color: var(--warning-color);
}

/* Tech Stack Section */
.item-current-e40a {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.link-7616 {
    margin: 2rem 0;
}

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

.aside-8f41 .row-over-0d90 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.badge-yellow-34db {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

.black-1c7d {
    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);
}

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

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

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

/* Performance Section */
.tabs-action-705c {
    padding: var(--section-padding);
}

.icon-mini-99a4 {
    margin: 2rem 0;
}

.full-c136 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

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

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

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

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

.highlight-42c3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

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

.module_d9c8 {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

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

.photo_aaa2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.dark_6178 {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.surface_selected_e941 {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

.wrapper-25de {
    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);
}

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

.wrapper-25de strong {
    color: var(--accent-color);
}

/* Update Log Section */
.description_fluid_5171 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.gradient-warm-697e {
    margin: 2rem 0;
}

.cool_2e2c {
    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) {
    .cool_2e2c {
        flex-direction: column;
        gap: 1rem;
    }
}

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

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

.nav_rough_7115 {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.hot_77a8 {
    flex: 1;
}

.top_c0c8 {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

.column_fluid_0f83 li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.search-39d9 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 640px) {
    .search-39d9 {
        grid-template-columns: repeat(3, 1fr);
    }
}

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

.focus-5ef8 {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.link-29fd {
    flex: 1;
}

.tabs-5041 {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

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

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

.accent-active-4b9e {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.accent-active-4b9e strong {
    color: var(--accent-color);
}

/* Promo Highlights */
.table-down-e046 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 2rem 0;
}

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

.narrow-3d6c {
    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);
}

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

.narrow-3d6c .pattern-4c6e {
    font-size: 2rem;
    flex-shrink: 0;
}

.narrow-3d6c .sort_bronze_6f30 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.narrow-3d6c .row_down_3c66 {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

.narrow-3d6c .mask-463b {
    color: var(--accent-color);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Featured Promos Section */
.slow_0ce8 {
    padding: var(--section-padding);
}

.alert_last_035c .list-6eca {
    flex: 1;
}

/* Promo Calendar Section */
.dropdown_8859 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.shadow_solid_d2a5 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.carousel-212c {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

.dirty-2798 {
    color: var(--text-white);
    font-size: 0.9375rem;
}

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

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

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

/* Requirements Section */
.nav_middle_5c03 {
    padding: var(--section-padding);
}

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

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

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

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

.menu-04c0 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-04c0 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.pressed_4701 {
    margin-top: 3rem;
}

.pressed_4701 .filter-8d44 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.pressed_4701 .main_c610 {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.pressed_4701 .detail-next-2ed3 {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.pressed_4701 .detail-next-2ed3 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.pressed_4701 .detail-next-2ed3 li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.pressed_4701 .detail-next-2ed3 li strong {
    color: var(--warning-color);
}

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

.text-gold-2d54 strong {
    color: var(--accent-color);
}

/* Winners Hall Section */
.static-0034 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.pagination-huge-7a5e .row-over-0d90 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.fresh-5107 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

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

.primary_ff49 {
    flex: 1;
}

.disabled-95f1 {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.25rem;
    font-size: 1.125rem;
}

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

.hover-advanced-a7a2 {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.wrapper-down-81f7 { 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; }
.icon-bottom-0a11, .chip-short-18ed { max-width:100%; height:auto; }

.static-0680, .secondary_dark_72a2, .banner-stale-77e8 { white-space:normal; }

.paper_55f4,
.right_a1ce,
.heading-27a8,
.table-down-e046,
.hero-0ff8,
.chip_d6c5 {
  flex-wrap:wrap;
}

[class*="grid"],
.cool_9c27,
.full-c136,
.row_443b {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.footer-f5e9 img,
.right_a1ce img,
.glass_fc40 img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.active-402e, .hidden-dark-14c0,
.active-basic-aac9, .white_9707 {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.link_c23e { width:100%; overflow-x:auto; }
.link_c23e table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.active-86d4 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .active-86d4 {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.dirty_71af {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.feature-ab0a,
.item-063f,
.pagination_768c,
.form_0bc2,
.rough-c53a,
.cool_9c27,
.full-c136,
.row_443b,
.wrapper_53f5,
.widget-hard-f16e,
.active-86d4 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .feature-ab0a,
  .item-063f,
  .pagination_768c,
  .form_0bc2,
  .rough-c53a,
  .cool_9c27,
  .full-c136,
  .row_443b,
  .wrapper_53f5,
  .widget-hard-f16e,
  .active-86d4 {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.main_liquid_9e0b,
.modal_331c,
.widget_7cd4,
.column_center_ad17,
.outer-c127,
.progress_black_4f79,
.summary-f1df,
.dirty_71af {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.card_narrow_d110,
.north-a4a4,
.pressed-a46f {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.card_narrow_d110 > *,
.north-a4a4 > *,
.pressed-a46f > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: b1c9 */
.ghost-box-j7 {
  padding: 0.2rem;
  font-size: 10px;
  line-height: 1.2;
}