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

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

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

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

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

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

/* Mobile Layout Adjustments */
@media (max-width: 1023px) {
    .popup_ecb8 {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
        align-items: center;
    }
    
    .yellow_fef8 {
        grid-column: 1;
    }
    
    .header-action-7b8b {
        grid-column: 2;
    }
    
    .rough-ff00 {
        grid-column: 3;
    }
}

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

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

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

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

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

.down-00d5 {
    position: relative;
}

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

.down-00d5 .preview-1c76 {
    display: flex;
    list-style: none;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
}

.preview-1c76 {
    display: flex;
    list-style: none;
    gap: 1.5rem;
}

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

.bronze-5470:hover,
.bronze-5470.fn-active-31e1 {
    color: var(--accent-light);
    background: var(--tertiary-bg);
    box-shadow: var(--shadow-glow);
}

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

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

/* Mobile Register Button */
.header-action-7b8b {
    display: flex;
    align-items: center;
}

@media (min-width: 1024px) {
    .header-action-7b8b {
        display: none;
    }
}


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

.content-3e2a::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 */
.rough-ff00 {
    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) {
    .rough-ff00 {
        display: none;
    }
}

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

.rough-ff00.fn-active-31e1 span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.rough-ff00.fn-active-31e1 span:nth-child(2) {
    opacity: 0;
}

.rough-ff00.fn-active-31e1 span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

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

.overlay_6527.fn-active-31e1 {
    display: block;
    max-height: 500px;
}

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

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

.solid-700c {
    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;
}

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


/* 移动端注册按钮动画效果 */
.solid-700c.yellow_993a {
    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;
}

.solid-700c.yellow_993a::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 */
.hover_red_d40e {
    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;
}

.pattern-out-1b47 {
    background: var(--primary-gradient);
    color: var(--text-white);
    box-shadow: var(--shadow-accent);
}

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

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

.chip-blue-2afa:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

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

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

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

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

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

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

.breadcrumb-55c5: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);
}

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

.header-dynamic-12b5 {
    font-size: 0.875em;
    opacity: 0.9;
    font-weight: 500;
}

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

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

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

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

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

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

.dirty-8087 {
    margin-bottom: 2rem;
}

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

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

.tiny-4bc5 {
    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);
}

.mask-d573 {
    font-size: 1.5rem;
}

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

.notice-red-1cee {
    display: flex;
    justify-content: center;
    align-items: center;
}

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

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

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

.input-48ec {
    text-align: center;
    margin-bottom: 3rem;
}

.border-7386 {
    margin-bottom: 1rem;
}

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

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

@media (min-width: 1024px) {
    .north_188d {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
    
    .north_188d.pro-6e32 {
        direction: rtl;
    }
    
    .north_188d.pro-6e32 > * {
        direction: ltr;
    }
}

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

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

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

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

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

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

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

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

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

.new_3302 {
    list-style: none;
}

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

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

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

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

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

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

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

/* Bonus Highlight */
.hero-6b04 {
    margin: 2rem 0;
}

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

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

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

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

/* VIP Tiers */
.picture-dark-d170 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

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

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

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

.panel-bright-6f1f {
    font-size: 1.5rem;
}

.north-5a7e {
    color: var(--accent-color);
    margin: 0;
}

.dynamic-4982 {
    list-style: none;
}

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

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

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

.soft-1730 {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

.heading_6315 {
    font-size: 1.25rem;
}

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

/* Statistics */
.card_center_eb8c,
.lite-a32c {
    text-align: center;
    margin: 2rem 0;
}

.carousel-slow-00a5,
.card_out_28e2 {
    font-size: 1.125rem;
    color: var(--accent-color);
    font-weight: 600;
}

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

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

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

.label-0245 {
    position: relative;
    z-index: 1;
}

.focus_lower_ca24 {
    margin-bottom: 1rem;
}

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

.slider_92e5 {
    margin-bottom: 3rem;
}

.easy_1a4a {
    margin-top: 3rem;
}

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

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

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

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

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

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

.widget-bc5c {
    display: grid;
    gap: 2rem;
    padding: 3rem 0 2rem;
}

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

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

.search_east_36a4 {
    margin-bottom: 1rem;
}

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

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

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

.focused-8f6c {
    list-style: none;
}

.focused-8f6c li {
    margin-bottom: 0.5rem;
}

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

.focused-8f6c a:hover {
    color: var(--accent-color);
}

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

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

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

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

.info-3b90 p {
    margin-bottom: 0.25rem;
}

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

.box-hovered-f83d {
    text-align: center;
}

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

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

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

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

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

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

.dim-a4cc {
    animation: pulse 2s infinite;
}

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

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

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

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

.upper-3d49 {
    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);
}

.upper-3d49 .lite-0c11 {
    font-size: 1.25rem;
}

.upper-3d49 .bottom-2e51 {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--accent-color);
}

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

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

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

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

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

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

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

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

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

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

.accent-ead7 .motion_d258 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.description-bronze-441d {
    display: flex;
    justify-content: center;
    margin: 3rem 0;
}

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

.description-bronze-441d img:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-glow);
}

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

.modal-10f9 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.thick_6a35 .heading_6315 {
    font-size: 1.25rem;
}

.thick_6a35 .hovered-0f8c {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--success-color);
}

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

.alert-light-d977 {
    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);
}

.alert-light-d977 .lite-0c11 {
    font-size: 2rem;
    flex-shrink: 0;
}

.alert-light-d977 .shade_down_75bf {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.alert-light-d977 .motion_d258 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

.heading-2afd .heading-55d8 {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.heading-2afd .block-7b5b {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

.tooltip_ab6f {
    flex: 1;
}

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

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

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

.text-center-ebd3:hover {
    background: var(--accent-color);
    color: var(--primary-bg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.warm-99c7 {
    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);
}

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

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

.paper-e6a0 .lite-0c11 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

.paper-e6a0 .motion_d258 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

.section-last-d535 {
    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);
}

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

.video-14c3 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

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

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

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

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

.active_ce21 {
    flex: 1;
}

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

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

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

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

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

.smooth-3d3b .heading-55d8 {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.smooth-3d3b .block-7b5b {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

.gradient-29cc {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

.paper-e6a0 .shade_down_75bf {
    color: var(--success-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.paper-e6a0 .motion_d258 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

.dim-9a00 {
    display: grid;
    gap: 2rem;
    margin: 3rem 0;
}

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

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

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

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

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

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

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

.accent-fe23 {
    padding: 1.5rem;
}

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

.background-2a71 {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

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

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

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

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

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

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

.image-4fd1 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

.steel-4c01 {
    display: grid;
    gap: 1.5rem;
    margin: 2rem 0;
}

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

.paragraph-fixed-9027 {
    font-size: 2rem;
    flex-shrink: 0;
}

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

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

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

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

.fluid-c5d5 {
    text-align: center;
}

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

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

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

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

.link-4072 .shade_down_75bf {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.link-4072 .motion_d258 {
    color: var(--text-gray);
    line-height: 1.6;
}

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

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

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

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

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

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

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

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

.message-advanced-a96e {
    padding: 1.5rem;
}

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

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

.middle-cf80 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;
}

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

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

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

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

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

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

.widget-black-f0da {
    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);
}

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

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

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

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

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

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

.shadow-last-3c48 {
    color: var(--text-gray);
    line-height: 1.6;
    margin-bottom: 1rem;
}

.image-9e52 {
    display: flex;
    gap: 1rem;
}

.image-9e52 .overlay-right-7ba4 {
    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;
}

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

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

.photo-gas-5454 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.photo-gas-5454 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;
}

.photo-gas-5454 li:last-child {
    border-bottom: none;
}

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

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

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

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

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

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

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

.list-red-3f1b {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
}

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

.cold_263a {
    font-size: 1rem;
}

.carousel_9ae8 {
    padding: 1.5rem;
}

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

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

.iron-4317 .fluid-c5d5 {
    text-align: center;
}

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

.iron-4317 .mask-action-7df4 {
    color: var(--accent-color);
    font-weight: 700;
    font-size: 1rem;
}

.main-up-44dd {
    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);
}

.main-up-44dd:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-glow);
}

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

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

.column-copper-b52c {
    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);
}

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

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

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

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

.shade-south-9a6e {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

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

.status-active-60ab {
    color: var(--success-color);
    font-weight: 600;
    font-size: 0.875rem;
}

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

.new-0b5d {
    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);
}

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

.white-eb78.slider-caa1 {
    background: linear-gradient(135deg, #cd7f32, #a0522d);
    color: white;
}

.white-eb78.huge-8b7e {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    color: white;
}

.white-eb78.picture-1b1e {
    background: linear-gradient(135deg, #ffd700, #ffb347);
    color: #0f172a;
}

.white-eb78.pressed-2552 {
    background: linear-gradient(135deg, #e5e4e2, #b8b8b8);
    color: #0f172a;
}

.white-eb78.iron-18e8 {
    background: linear-gradient(135deg, #b9f2ff, #00bfff);
    color: #0f172a;
}

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

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

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

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

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

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

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

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

.gradient-05f7 {
    display: grid;
    gap: 1.5rem;
    margin: 3rem 0;
}

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

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

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

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

.east-426d.modal-focused-02a4 {
    grid-column: 1 / -1;
    border-color: rgba(6, 182, 212, 0.3);
}

@media (min-width: 1024px) {
    .east-426d.modal-focused-02a4 {
        grid-column: span 3;
    }
}

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

.east-426d.modal-focused-02a4 .solid_601c {
    background: rgba(6, 182, 212, 0.1);
}

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

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

.east-426d.modal-focused-02a4 .filter_fast_3647 {
    color: var(--info-color);
}

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

.carousel-rough-0cef {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
}

.east-426d.modal-focused-02a4 .carousel-rough-0cef {
    color: var(--info-color);
}

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

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

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

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

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

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

.alert-light-d977 {
    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);
}

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

.soft_9a82 {
    flex: 1;
}

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

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

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

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

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

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

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

.content_motion_302b .fluid-c5d5 {
    text-align: center;
}

.content_motion_302b .container-5256 {
    font-size: 2rem;
    font-weight: 900;
    color: var(--info-color);
    margin-bottom: 0.5rem;
}

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

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

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

.glass-3a21 {
    color: var(--info-color);
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.section-ec23.badge-dark-476f {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.section-ec23.purple-d2be {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
}

.section-ec23.glass_f6c8 {
    background: rgba(6, 182, 212, 0.2);
    color: var(--info-color);
}

.thumbnail-thick-7d6f {
    padding: 1.5rem;
    text-align: center;
}

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

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

.middle-3403 .slider-d6f9 {
    color: var(--text-gray);
    font-size: 0.875rem;
    text-align: left;
}

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

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

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

.fluid_ae20 {
    text-align: center;
}

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

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

/* Utility Classes */
.hover-center-5c76 { text-align: center; }
.summary_78d5 { text-align: left; }
.image_under_861e { text-align: right; }

.fast-1feb { margin-bottom: 0; }
.slider-narrow-99c9 { margin-bottom: 0.5rem; }
.tabs_focused_dc84 { margin-bottom: 1rem; }
.dark_04af { margin-bottom: 1.5rem; }
.focus_silver_85c2 { margin-bottom: 2rem; }

.button-3b75 { margin-top: 0; }
.bright_a03c { margin-top: 0.5rem; }
.panel-tall-09b8 { margin-top: 1rem; }
.container-purple-51ba { margin-top: 1.5rem; }
.nav-prev-17f7 { margin-top: 2rem; }

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

/* Responsive Design */
@media (max-width: 767px) {
    .box-2304 {
        padding: 6rem 0 3rem;
    }
    
    .link_action_dc12 {
        text-align: center;
    }
    
    .north_188d {
        text-align: center;
    }
    
    .mask_b1ab {
        justify-content: center;
    }
}

/* Print Styles */
@media print {
    .glass_34be,
    .overlay_6527,
    .footer_fast_7059,
    .active_56f1 {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .box-2304 {
        background: none;
    }
}

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

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

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

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

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

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

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

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

.feature-new-024b {
    list-style: none;
    padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.tiny-49d9 {
    color: var(--accent-color);
}

.item_af13 {
    font-size: 1.25rem;
}

.wrapper-new-0d31 {
    margin-bottom: 1rem;
}

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

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

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

.fluid-c5d5 {
    text-align: center;
}

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

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

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

.plasma-4ae3 {
    margin: 2rem 0;
}

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

.label_large_8c59 .lite-0c11 {
    font-size: 2rem;
    flex-shrink: 0;
}

.tabs-out-a49e {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

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

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

.article_be19 {
    font-size: 2rem;
}

.secondary-top-0683 {
    display: flex;
    flex-direction: column;
}

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

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

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

.frame-selected-09c0 {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;
    margin: 2rem 0;
}

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

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

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

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

.top-1b11 .container-5256 {
    font-size: 3rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    display: block;
}

.top-1b11 .gradient_wide_280d {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 0.75rem;
    display: block;
}

.top-1b11 .slider-c622 {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin: 0;
}

.small-c2a2 {
    margin-top: 4rem;
}

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

.rough_54c2 {
    overflow-x: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.info_first_e19a.fn-active-31e1 .sidebar_2511 {
    transform: rotate(45deg);
}

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

.info_first_e19a.fn-active-31e1 .inner-1b80 {
    max-height: 1000px;
}

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

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

.description-bronze-441d {
    margin: 2rem 0;
    text-align: center;
}

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

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

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

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

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

.input-hard-c5cf {
    font-size: 2rem;
}

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

.shadow-outer-51a3 {
    list-style: none;
    padding: 0;
}

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

.shadow-outer-51a3 li:last-child {
    border-bottom: none;
}

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

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

.north_6aea {
    margin-top: 3rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.video_73f8 {
    flex: 1;
}

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

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

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

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

.west-8be6:last-child {
    border-bottom: none;
}

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

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

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

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

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

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

.stone-b662, .description_05c5, .last_5e59 {
    padding: 0.5rem 0;
    color: var(--text-gray);
}

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

.progress-basic-b274 {
    margin: 2rem 0;
}

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

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

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

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

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

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

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

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

/* Winners Section */
.shadow-right-e382 {
    padding: var(--section-padding);
}

.background_5873 {
    margin: 2rem 0;
}

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

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

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

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

.notice-plasma-71bb {
    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;
}

.simple_d934 {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.heading_41c6 {
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

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

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

.overlay-367c {
    color: var(--text-gray);
}

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

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

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

.pink_2695 {
    margin-top: 3rem;
}

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

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

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

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

.disabled-38e6:last-child {
    border-bottom: none;
}

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

.avatar_cc37 {
    margin: 2rem 0;
}

.container-2396 {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

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

.media_dynamic_f953:hover, .media_dynamic_f953.fn-active-31e1 {
    background: var(--accent-color);
    color: var(--primary-bg);
    border-color: var(--accent-color);
}

.short-f62f {
    display: none;
}

.short-f62f.fn-active-31e1 {
    display: block;
}

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

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

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

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

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

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

.title-iron-a405 {
    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 */
.easy-e930 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

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

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

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

.badge-bright-4525.under-43db {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.badge-bright-4525.cold_30ee {
    background: rgba(6, 182, 212, 0.2);
    color: var(--accent-color);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

.badge-bright-4525.clean_e631 {
    background: rgba(239, 68, 68, 0.2);
    color: var(--danger-color);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.thick_857d {
    margin-top: 2rem;
}

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

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

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

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

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

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

.video-purple-8332 {
    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 */
.light-ae44 {
    padding: var(--section-padding);
}

.fast_b5c7 {
    margin: 2rem 0;
}

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

.text-8d8a {
    color: var(--warning-color);
    margin-bottom: 1rem;
}

.red-be2e {
    list-style: none;
    padding: 0;
}

.red-be2e 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;
}

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

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

.gallery_lower_9968 {
    margin: 2rem 0;
}

.caption-8bc7 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

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

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

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

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

.preview-46f2 {
    margin-top: 2rem;
}

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

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

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

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

.pressed-215a a:hover {
    text-decoration: underline;
}

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

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

.dim_5ebc {
    margin-bottom: 3rem;
}

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

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

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

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

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

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

.breadcrumb-blue-41e7 {
    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 */
.tabs_current_d455 {
    padding: var(--section-padding);
}

.description-wide-8c95 {
    margin: 2rem 0;
}

.texture-mini-34bf {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

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

.photo-current-fd99 .lite-0c11 {
    font-size: 2rem;
    display: block;
    margin-bottom: 1rem;
}

.photo-current-fd99 .shade_down_75bf {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

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

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

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

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

.iron-2c46 {
    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;
}

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

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

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

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

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

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

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

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

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

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

.status_7822 .overlay-right-7ba4 {
    color: var(--text-gray);
    font-size: 0.875rem;
}

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

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

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

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

.card-2e23 .container-5256 {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin-bottom: 0.5rem;
}

.card-2e23 .gradient_wide_280d {
    color: var(--text-gray);
    font-size: 1rem;
}

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

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

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

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

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

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

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

.paragraph-cold-d665 {
    flex: 1;
}

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

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

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

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

.paper-e6a0 .shade_down_75bf {
    color: var(--accent-color);
    margin-bottom: 0.75rem;
}

.paper-e6a0 .motion_d258 {
    color: var(--text-gray);
    margin: 0;
}

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

.button_focused_ccdc .carousel-slow-00a5 {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

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

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

.active_ce21 {
    flex: 1;
}

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

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

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

.popup_7cd2 {
    flex: 1;
}

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

.wood-6a3f {
    color: var(--text-gray);
    margin: 0;
}

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

.shadow-last-3c48 {
    color: var(--text-gray);
    margin-bottom: 1rem;
}

.image-9e52 {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.image-9e52 .overlay-right-7ba4 {
    padding: 0.5rem 1rem;
    background: rgba(6, 182, 212, 0.1);
    border-radius: var(--radius-md);
    color: var(--text-gray);
    font-size: 0.875rem;
}

.progress_513e {
    margin-top: 2rem;
}

.progress_513e .new-6bbc {
    color: var(--accent-color);
    margin-bottom: 1rem;
}

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

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

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

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

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

.link-4072 {
    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 */
.status-new-fb03 {
    padding: var(--section-padding);
}

.message-advanced-a96e {
    margin-top: 1rem;
}

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

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

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

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

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

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

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

.popup-bright-9ce8 {
    color: var(--text-gray);
    line-height: 1.8;
    margin: 0;
}

.notification_f6bf {
    margin: 2rem 0;
}

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

.hovered-a2dd .last-db11 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.card-steel-69dd {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

.row-9fdb {
    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);
}

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

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

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

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

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

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

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

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

.large-e747 .tertiary_yellow_7ac6 {
    font-size: 2rem;
    flex-shrink: 0;
}

.large-e747 .badge-red-08df {
    color: var(--text-white);
    margin: 0;
    font-size: 1.25rem;
}

.pattern_out_00d3 {
    flex: 1;
}

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

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

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

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

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

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

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

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

.texture_fast_306d {
    margin: 2rem 0;
}

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

.frame-db87 {
    margin: 2rem 0;
}

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

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

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

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

.warm-99c7 {
    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);
}

.warm-99c7 .carousel-slow-00a5 {
    color: var(--text-gray);
    margin: 0;
    text-align: center;
    font-size: 1.125rem;
}

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

.element_33b8 {
    margin: 2rem 0;
}

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

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

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

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

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

.gradient_ea3b.fn-active-31e1 {
    background: var(--accent-color);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

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

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

.gold-591a strong {
    color: var(--accent-color);
}

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

.main_fb7b {
    margin: 2rem 0;
}

.nav-huge-4f89 {
    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);
}

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

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

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

.panel-2b1e {
    flex: 1;
}

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

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

.cold-8c91 {
    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;
}

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

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

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

.section-bronze-492f {
    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;
}

.section-bronze-492f:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-glow);
}

.image-103c {
    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);
}

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

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

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

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

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

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

.notification_7447 {
    background: var(--card-gradient);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(6, 182, 212, 0.2);
    padding: 1.5rem;
    position: relative;
    transition: var(--transition-normal);
    display: flex;
    flex-direction: column;
}

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

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

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

.focused_ab3d {
    font-size: 2rem;
}

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

.video_old_db22 {
    flex: 1;
}

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

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

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

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

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

.progress-left-8a88 {
    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;
}

.progress-left-8a88:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-glow);
}

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

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

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

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

.accent-mini-fa50 {
    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);
}

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

.filter-618e {
    color: var(--accent-color);
    font-weight: 600;
}

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

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

/* Security Section */
.badge-907c {
    padding: var(--section-padding);
}

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

/* Help Section */
.east-326d {
    padding: var(--section-padding);
}

/* Password Recovery Section */
.button_upper_ced0 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

.fresh_23b6 {
    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) {
    .fresh_23b6 {
        flex-direction: column;
        gap: 1rem;
    }
}

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

.fresh_23b6 .detail-a174 {
    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;
}

.fresh_23b6 .popup_7cd2 {
    flex: 1;
}

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

.fresh_23b6 .wood-6a3f {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.6;
}

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

.dropdown-soft-42ca .soft-1730 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.dropdown-soft-42ca .wrapper_cfdb {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dropdown-soft-42ca .wrapper_cfdb li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
}

.dropdown-soft-42ca .wrapper_cfdb li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--success-color);
    font-weight: bold;
}

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

/* Quick Registration Section */
.container_ec33 {
    padding: var(--section-padding);
}

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

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

.hard-2bfa {
    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);
}

.hard-2bfa:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
}

.hard-2bfa .content_c0e3 {
    font-size: 2rem;
    flex-shrink: 0;
}

.hard-2bfa .tooltip_inner_c277 {
    flex: 1;
}

.hard-2bfa .heading-55d8 {
    color: var(--accent-color);
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
}

.hard-2bfa .tag-purple-a2f4 {
    color: var(--text-gray);
    margin: 0;
    font-size: 0.9375rem;
}

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

.highlight-e65c .fixed-0aab {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.highlight-e65c .easy_0651 {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter;
}

.highlight-e65c .easy_0651 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);
}

.highlight-e65c .easy_0651 li:last-child {
    border-bottom: none;
}

.highlight-e65c .easy_0651 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;
}

.highlight-e65c .easy_0651 li strong {
    color: var(--text-white);
}

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

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

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

/* Security Tips Section */
.copper-b5a9 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

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

.block_4f80 {
    font-size: 2rem;
}

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

.bronze_55bc {
    flex: 1;
}

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

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

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

.image-5050 {
    margin-top: 3rem;
}

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

.text-8d8a {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

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

.red-be2e li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.red-be2e li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.red-be2e li strong {
    color: var(--warning-color);
}

/* Tech Stack Section */
.overlay-8d58 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.center-4b8c {
    margin: 2rem 0;
}

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

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

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

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

.main-0c50 {
    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);
}

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

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

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

/* Performance Section */
.surface_7ba8 {
    padding: var(--section-padding);
}

.pink-59fc {
    margin: 2rem 0;
}

.progress-under-c2de {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

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

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

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

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

.lower-6e90 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

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

.hero_lower_4bcd {
    padding: 0.375rem 0.875rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.hero_lower_4bcd.text-blue-58dc {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

.gradient-plasma-4b90 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--accent-color);
    margin: 1rem 0;
}

.chip_black_426b {
    color: var(--text-gray);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.tooltip_advanced_d150 {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

.backdrop-copper-ac67 {
    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);
}

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

.backdrop-copper-ac67 strong {
    color: var(--accent-color);
}

/* Update Log Section */
.shadow_9bd8 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

.main_selected_e298 {
    margin: 2rem 0;
}

.image-prev-14cd {
    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) {
    .image-prev-14cd {
        flex-direction: column;
        gap: 1rem;
    }
}

.image-prev-14cd:hover {
    transform: translateX(4px);
    border-color: var(--accent-color);
}

.image-prev-14cd::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);
}

.green-64f6 {
    min-width: 120px;
    color: var(--accent-color);
    font-weight: 600;
    font-size: 1rem;
    flex-shrink: 0;
}

.photo-dbd0 {
    flex: 1;
}

.filter_north_e206 {
    color: var(--text-white);
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

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

.content_wide_8280 li {
    padding: 0.5rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

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

.slider-focused-1fa8 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.menu-large-981c {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

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

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

.over-5b1a {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.first-11c2 {
    flex: 1;
}

.center-d1d1 {
    color: var(--accent-color);
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

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

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

.popup-in-936a {
    color: var(--text-gray);
    margin: 0;
    line-height: 1.8;
}

.popup-in-936a strong {
    color: var(--accent-color);
}

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

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

.column-copper-b52c {
    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);
}

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

.column-copper-b52c .image-4fd1 {
    font-size: 2rem;
    flex-shrink: 0;
}

.column-copper-b52c .form_rough_d3a6 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.column-copper-b52c .module-8726 {
    color: var(--text-white);
    font-weight: 600;
    font-size: 0.9375rem;
}

.column-copper-b52c .carousel_pressed_9e3a {
    color: var(--accent-color);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Featured Promos Section */
.fast_3e67 {
    padding: var(--section-padding);
}

.frame_next_7c6f .component_67ae {
    flex: 1;
}

/* Promo Calendar Section */
.picture-wide-82e9 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.down-796e {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.avatar_middle_bc89 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

.container-upper-121c {
    color: var(--accent-color);
    font-weight: 600;
    font-size: 0.875rem;
}

.logo-cba1 {
    color: var(--text-white);
    font-size: 0.9375rem;
}

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

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

.thumbnail-gas-e7a2 strong {
    color: var(--accent-color);
}

/* Requirements Section */
.grid-easy-2aba {
    padding: var(--section-padding);
}

.hidden-pressed-42bd {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 2rem 0;
}

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

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

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

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

.title_basic_09c7 li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    line-height: 1.6;
}

.bright-0178 {
    margin-top: 3rem;
}

.bright-0178 .widget_3bd3 {
    padding: 2rem;
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--warning-color);
}

.bright-0178 .text-8d8a {
    color: var(--warning-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
}

.bright-0178 .red-be2e {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
}

.bright-0178 .red-be2e li {
    padding: 0.75rem 0;
    color: var(--text-gray);
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.8;
}

.bright-0178 .red-be2e li::before {
    content: '⚠';
    position: absolute;
    left: 0;
    color: var(--warning-color);
    font-weight: bold;
}

.bright-0178 .red-be2e li strong {
    color: var(--warning-color);
}

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

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

/* Winners Hall Section */
.block_purple_c119 {
    padding: var(--section-padding);
    background: var(--secondary-bg);
}

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

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

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

.form_b3b3 .last-db11 {
    color: var(--accent-color);
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    text-align: center;
}

.avatar_773f {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

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

.preview-tall-c682 {
    font-size: 2rem;
    flex-shrink: 0;
}

.bottom-3dd6 {
    flex: 1;
}

.soft-b1f3 {
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 0.25rem;
    font-size: 1.125rem;
}

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

.notice_baeb {
    color: var(--success-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

html, body { width:100%; max-width:100%; overflow-x:hidden; }
.description-d94a { 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; }
.widget-221e, .advanced_3bb8 { max-width:100%; height:auto; }

.hover_red_d40e, .panel_motion_095f, .text_0e34 { white-space:normal; }

.link_action_dc12,
.north_188d,
.filter-52a7,
.avatar_first_2e56,
.dropdown_dd37,
.basic_b1c4 {
  flex-wrap:wrap;
}

[class*="grid"],
.advanced-88b3,
.progress-under-c2de,
.component-fd7b {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0,1fr));
}

.box-2304 img,
.north_188d img,
.notice-red-1cee img {
  width:100%;
  max-width: min(100%, 800px); /* 原本 800px 的图 */
}

.inner-3114, .component-cc59,
.border-7386, .pattern-wood-db34 {
  word-break:break-word;
  overflow-wrap:anywhere;
}

.rough_54c2 { width:100%; overflow-x:auto; }
.rough_54c2 table { width:100%; min-width:600px; }

/* 供应商卡片自适应换行 */
.solid_95ac {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

@media (max-width: 768px) {
  .solid_95ac {
    grid-template-columns: 1fr;
  }
}

/* 防止卡片自身撑宽 */
.list_b468 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 通用：卡片容器自适应列 */
.frame-selected-09c0,
.outline_narrow_d891,
.modal-7cf8,
.slider_3854,
.wood_166b,
.advanced-88b3,
.progress-under-c2de,
.component-fd7b,
.photo_simple_0573,
.main_fb7b,
.solid_95ac {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* 移动端可进一步单列 */
@media (max-width: 768px) {
  .frame-selected-09c0,
  .outline_narrow_d891,
  .modal-7cf8,
  .slider_3854,
  .wood_166b,
  .advanced-88b3,
  .progress-under-c2de,
  .component-fd7b,
  .photo_simple_0573,
  .main_fb7b,
  .solid_95ac {
    grid-template-columns: 1fr;
  }
}

/* 卡片本身防止撑宽 */
.top-1b11,
.orange-bffd,
.thick_a734,
.tiny-4bc5,
.pagination_north_0abf,
.fluid_ae20,
.nav-huge-4f89,
.list_b468 {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 若有使用 flex 的容器，允许换行并限制子项 */
.tabs-huge-203a,
.tooltip-2ed3,
.paragraph-focused-2b0c {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.tabs-huge-203a > *,
.tooltip-2ed3 > *,
.paragraph-focused-2b0c > * {
  flex: 1 1 200px;
  min-width: 0;
}
/* css-noise: 4136 */
.shadow-element-t7 {
  padding: 0.4rem;
  font-size: 13px;
  line-height: 1.2;
}