:root {
    --hero-section-bg: linear-gradient(to bottom, #e1f2fb, #fefae1);
    --hero-heading-main: #111827;
    --hero-heading-gradient: linear-gradient(to right, #2563eb, #7c3aed);
    --hero-subheading: #4b5563;
    --metric-icon-bg: #f0fdf4;
    --metric-icon-blue: #eff6ff;
    --metric-icon-purple: #f5f3ff;
    --metric-value: #111827;
    --metric-label: #4b5563;
    --visual-card-bg: #ffffff;
    --visual-card-border: #e5e7eb;
    --visual-card-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    --image-container-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --badge-bg: rgba(255, 255, 255, 0.95);
    --badge-text: #111827;
    --category-card-bg: #f9fafb;
    --category-card-border: #e5e7eb;
    --category-card-hover-bg: #eff6ff;
    --category-card-hover-border: #bfdbfe;
    --category-name: #374151;
    --category-name-hover: #2563eb;
    --stat-bg: #ffffff;
    --stat-border: #e5e7eb;
    --stat-value: #2563eb;
    --stat-value-purple: #7c3aed;
    --stat-label: #4b5563;
    --visual-bg: linear-gradient(to right, #2563eb, #7c3aed);
    --text-cyan-600: #0891b2;
    --bg-gradient-to-br-blue-indigo: linear-gradient(to bottom right, #1e3a8a, #1e40af, #4f46e5);
    --grid-pattern: linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
    --text-gradient-blue-cyan: linear-gradient(to right, #60a5fa, #22d3ee);
    --bg-blue-500-20: rgba(59, 130, 246, 0.2);
    --border-blue-500-20: #60a5fa;
    --text-blue-500-20: #bfdbfe;
    --bg-blue-500: #3b82f6;
    --bg-purple-500: #8b5cf6;
    --bg-green-500: #22c55e;
    --bg-pink-500: #ec4899;
    --bg-orange-500: #f97316;
    --bg-gradient-to-br-blue-cyan: linear-gradient(to bottom right, #3b82f6, #22d3ee);
    --text-blue-200: #bfdbfe;
    --text-blue-300: #93c5fd;
    --bg-gray-50: #f9fafb;
    --bg-purple-50: #faf5ff;
    --bg-blue-50: #eff6ff;
    --bg-green-50: #f0fdf4;
    --bg-pink-50: #fdf2f8;
    --bg-orange-50: #fff7ed;
    --text-gray-700: #374151;
    --text-purple-700: #6d28d9;
    --text-blue-700: #1d4ed8;
    --text-green-700: #15803d;
    --text-pink-700: #be185d;
    --text-orange-700: #c2410c;
    --from-gray-500: #6b7280;
    --to-gray-600: #4b5563;
    --from-purple-500: #8b5cf6;
    --to-purple-600: #7c3aed;
    --from-blue-500: #3b82f6;
    --to-blue-600: #2563eb;
    --from-green-500: #22c55e;
    --to-green-600: #16a34a;
    --from-pink-500: #ec4899;
    --to-pink-600: #db2777;
    --from-orange-500: #f97316;
    --to-orange-600: #ea580c;
    --text-blue-600: #2563eb;
    --text-purple-600: #7c3aed;
    --text-green-600: #16a34a;
    --text-orange-600: #ea580c;
    --text-pink-600: #db2777;
    --text-indigo-600: #4f46e5;
    --bg-indigo-600: #2196F3;
    --bg-indigo-50: #eef2ff;
    --text-gray-500: #6b7280;
    --text-yellow-500: #eab308;
    --text-gray-400: #9ca3af;
    --text-orange-500: #f97316;
    --from-yellow-400: #facc15;
    --to-yellow-500: #eab308;
    --from-gray-300: #d1d5db;
    --to-gray-400: #9ca3af;
    --from-orange-400: #fb923c;
    --to-orange-500: #f97316;
    --from-blue-400: #60a5fa;
    --to-blue-500: #3b82f6;
    --from-blue-500-tm: #3b82f6;
    --to-purple-500: #8b5cf6;
    --from-blue-50: #eff6ff;
    --to-purple-50: #faf5ff;
    --bg-green-100: #dcfce7;
    --border-green-200: #bbf7d0;
    --bg-white: #ffffff;
    --text-gray-900: #111827;
    --nav-tabs-bg: rgb(238, 239, 241);
    --nav-link-bg: rgb(238, 239, 241);
    --nav-link-color: #6b7280;
    --nav-link-border: #dee2e6;
    --nav-link-hover-bg: #e5e7eb;
    --nav-link-active-bg: #ffffff;
    --card-bg: #ffffff;
    --badge-outline-bg: #ffffff;
    --badge-outline-border: #dee2e6;
    --badge-outline-color: #4b5563;
    --bg-white-95-fl-wd: rgba(255, 255, 255, 0.95);
    --bg-blue-600-fl-wd: #2563eb;
    --bg-blue-700-fl-wd: #1d4ed8;
    --from-blue-600-fl-wd: #2563eb;
    --to-purple-600-fl-wd: #7c3aed;
    --from-blue-700-fl-wd: #1d4ed8;
    --to-purple-700-fl-wd: #6d28d9;
    --stats-card-border: rgba(229, 231, 235, 0.5);
    --stats-card-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --stats-card-hover-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    --icon-container-bg: rgba(59, 130, 246, 0.1);
    --video-container-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    --stats-card-1: linear-gradient(to bottom right, #d1fae5, #a7f3d0);
    --stats-card-2: linear-gradient(to bottom right, #dbeafe, #bfdbfe);
    --stats-card-3: linear-gradient(to bottom right, #ede9fe, #ddd6fe);
    --stats-card-4: linear-gradient(to bottom right, #cffafe, #a5f3fc);
}

[data-bs-theme="dark"] {
    --hero-section-bg: linear-gradient(to bottom, #1e3a8a, #374151);
    --hero-heading-main: #e5e7eb;
    --hero-heading-gradient: linear-gradient(to right, #60a5fa, #a78bfa);
    --hero-subheading: #9ca3af;
    --metric-icon-bg: #065f46;
    --metric-icon-blue: #1e40af;
    --metric-icon-purple: #5b21b6;
    --metric-value: #e5e7eb;
    --metric-label: #9ca3af;
    --visual-card-bg: #1f2937;
    --visual-card-border: #374151;
    --visual-card-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
    --image-container-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    --badge-bg: rgba(31, 41, 55, 0.95);
    --badge-text: #e5e7eb;
    --category-card-bg: #1f2937;
    --category-card-border: #374151;
    --category-card-hover-bg: #1e40af;
    --category-card-hover-border: #60a5fa;
    --category-name: #d1d5db;
    --category-name-hover: #93c5fd;
    --stat-bg: #1f2937;
    --stat-border: #374151;
    --stat-value: #60a5fa;
    --stat-value-purple: #a78bfa;
    --stat-label: #9ca3af;
    --visual-bg: linear-gradient(to right, #1d4ed8, #6d28d9);
    --text-cyan-600: #22d3ee;
    --bg-gradient-to-br-blue-indigo: linear-gradient(to bottom right, #1e3a8a, #1e40af, #4f46e5);
    --grid-pattern: linear-gradient(to right, rgba(255, 255, 255, 0.2) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 1px, transparent 1px);
    --text-gradient-blue-cyan: linear-gradient(to right, #3b82f6, #06b6d4);
    --bg-blue-500-20: rgba(59, 130, 246, 0.3);
    --border-blue-500-20: #3b82f6;
    --text-blue-500-20: #93c5fd;
    --bg-blue-500: #1d4ed8;
    --bg-purple-500: #6d28d9;
    --bg-green-500: #15803d;
    --bg-pink-500: #be185d;
    --bg-orange-500: #c2410c;
    --bg-gradient-to-br-blue-cyan: linear-gradient(to bottom right, #1d4ed8, #06b6d4);
    --text-blue-200: #93c5fd;
    --text-blue-300: #60a5fa;
    --bg-gray-50: #6b72801f;
    --bg-purple-50: #a855f71f;
    --bg-blue-50: #3b82f61f;
    --bg-green-50: #22c55e1f;
    --bg-pink-50: #ec48991f;
    --bg-orange-50: #f973161f;
    --text-gray-700: #d1d5db;
    --text-purple-700: #a78bfa;
    --text-blue-700: #3b82f6;
    --text-green-700: #16a34a;
    --text-pink-700: #db2777;
    --text-orange-700: #ea580c;
    --from-gray-500: #4b5563;
    --to-gray-600: #374151;
    --from-purple-500: #6d28d9;
    --to-purple-600: #5b21b6;
    --from-blue-500: #1d4ed8;
    --to-blue-600: #1e40af;
    --from-green-500: #15803d;
    --to-green-600: #064e3b;
    --from-pink-500: #be185d;
    --to-pink-600: #9d174d;
    --from-orange-500: #c2410c;
    --to-orange-600: #9a3412;
    --text-blue-600: #1d4ed8;
    --text-purple-600: #6d28d9;
    --text-green-600: #15803d;
    --text-orange-600: #c2410c;
    --text-pink-600: #be185d;
    --text-indigo-600: #4f46e5;
    --bg-indigo-600: #1e40af;
    --bg-indigo-50: #6366f11f;
    --text-gray-500: #6b7280;
    --text-yellow-500: #ca8a04;
    --text-gray-400: #9ca3af;
    --text-orange-500: #c2410c;
    --from-yellow-400: #ca8a04;
    --to-yellow-500: #a16207;
    --from-gray-300: #6b7280;
    --to-gray-400: #4b5563;
    --from-orange-400: #ea580c;
    --to-orange-500: #c2410c;
    --from-blue-400: #3b82f6;
    --to-blue-500: #1d4ed8;
    --from-blue-500-tm: #1d4ed8;
    --to-purple-500: #6d28d9;
    --from-blue-50: #1e40af;
    --to-purple-50: #2e1065;
    --bg-green-100: #064e3b;
    --border-green-200: #15803d;
    --bg-white: #1f2937;
    --text-gray-900: #e5e7eb;
    --nav-tabs-bg: #374151;
    --nav-link-bg: #374151;
    --nav-link-color: #9ca3af;
    --nav-link-border: #4b5563;
    --nav-link-hover-bg: #4b5563;
    --nav-link-active-bg: #1f2937;
    --card-bg: #1f2937;
    --badge-outline-bg: #1f2937;
    --badge-outline-border: #4b5563;
    --badge-outline-color: #9ca3af;
    --bg-white-95-fl-wd: rgba(31, 41, 55, 0.95);
    --bg-blue-600-fl-wd: #1d4ed8;
    --bg-blue-700-fl-wd: #1e40af;
    --from-blue-600-fl-wd: #1d4ed8;
    --to-purple-600-fl-wd: #6d28d9;
    --from-blue-700-fl-wd: #1e40af;
    --to-purple-700-fl-wd: #5b21b6;
    --stats-card-border: rgba(255, 255, 255, 0.1);
    --stats-card-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
    --stats-card-hover-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.4);
    --icon-container-bg: rgba(255, 255, 255, 0.2);
    --video-container-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.4);
    --stats-card-1: linear-gradient(to bottom right, #065f46, #047857);
    --stats-card-2: linear-gradient(to bottom right, #1e40af, #1d4ed8);
    --stats-card-3: linear-gradient(to bottom right, #5b21b6, #6d28d9);
    --stats-card-4: linear-gradient(to bottom right, #0e7490, #0891b2);
}

.ctm-hero-section {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 6rem;
    overflow: hidden;
    background: var(--hero-section-bg);
}

.ctm-hero-container {
    position: relative;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 576px) {
    .ctm-hero-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 992px) {
    .ctm-hero-container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.ctm-hero-grid {
    display: grid;
    gap: 3rem;
}

@media (min-width: 992px) {
    .ctm-hero-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.ctm-hero-content {
    text-align: center;
}

@media (min-width: 992px) {
    .ctm-hero-content {
        text-align: left;
    }
}

.ctm-hero-heading {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
    .ctm-hero-heading {
        font-size: 2.5rem;
    }
}

@media (min-width: 992px) {
    .ctm-hero-heading {
        font-size: 3rem;
    }
}

.ctm-hero-heading-main {
    color: var(--hero-heading-main);
    margin-bottom: 0.5rem;
}

.ctm-hero-heading-gradient {
    background: var(--hero-heading-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.ctm-hero-subheading {
    font-size: 1.25rem;
    color: var(--hero-subheading);
    margin-bottom: 0.5rem;
    line-height: 1.75;
}

.ctm-hero-subheading-last {
    margin-bottom: 2rem;
}

.ctm-hero-metrics-grid {
    display: grid;
    gap: 1.5rem;
}

@media (min-width: 576px) {
    .ctm-hero-metrics-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.ctm-hero-metric {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 992px) {
    .ctm-hero-metric {
        justify-content: flex-start;
    }
}

.ctm-hero-metric-icon {
    background-color: var(--metric-icon-bg);
    padding: 0.5rem;
    border-radius: 0.5rem;
    margin-right: 0.75rem;
}

.ctm-hero-metric-icon-blue {
    background-color: var(--metric-icon-blue);
}

.ctm-hero-metric-icon-purple {
    background-color: var(--metric-icon-purple);
}

.ctm-hero-metric-value {
    font-weight: 700;
    color: var(--metric-value);
}

.ctm-hero-metric-label {
    font-size: 0.848rem;
    color: var(--metric-label);
}

.ctm-hero-visual {
    position: relative;
}

.ctm-hero-visual-card {
    position: relative;
    background-color: var(--visual-card-bg);
    border-radius: 1rem;
    box-shadow: var(--visual-card-shadow);
    padding: 2rem;
    border: 1px solid var(--visual-card-border);
}

.ctm-hero-image-container {
    position: relative;
    margin-bottom: 1.5rem;
}

.ctm-hero-image {
    width: 100%;
    height: 16rem;
    object-fit: cover;
    border-radius: 0.75rem;
}

.ctm-hero-badge {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background-color: var(--badge-bg);
    backdrop-filter: blur(4px);
    border-radius: 0.5rem;
    padding: 0.75rem;
    box-shadow: var(--image-container-shadow);
    display: flex;
    align-items: center;
}

.ctm-hero-badge-text {
    font-weight: 600;
    color: var(--badge-text);
}

.ctm-hero-category-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

.ctm-hero-category-card {
    background-color: var(--category-card-bg);
    padding: 0.75rem;
    border-radius: 0.5rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
    border: 1px solid var(--category-card-border);
}

    .ctm-hero-category-card:hover {
        background-color: var(--category-card-hover-bg);
        border-color: var(--category-card-hover-border);
        transform: scale(1.05);
    }

.ctm-hero-category-icon {
    height: 1.5rem;
    width: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.25rem;
}

    .ctm-hero-category-icon:hover {
        transform: scale(1.1);
    }

.ctm-hero-category-name {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--category-name);
}

.ctm-hero-category-card:hover .ctm-hero-category-name {
    color: var(--category-name-hover);
}

.ctm-hero-stat {
    position: absolute;
    background-color: var(--stat-bg);
    border-radius: 0.75rem;
    box-shadow: var(--image-container-shadow);
    padding: 1rem;
    border: 1px solid var(--stat-border);
}

.ctm-hero-stat-top {
    top: -1rem;
    left: -1rem;
}

.ctm-hero-stat-bottom {
    bottom: -1rem;
    right: -1rem;
}

.ctm-hero-stat-value {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--stat-value);
}

.ctm-hero-stat-value-purple {
    color: var(--stat-value-purple);
}

.ctm-hero-stat-label {
    font-size: 0.875rem;
    color: var(--stat-label);
}

.ctm-hero-visual-bg {
    position: absolute;
    inset: -1rem;
    background: var(--visual-bg);
    border-radius: 1rem;
    opacity: 0.1;
    filter: blur(8px);
}

.ctm-text-cyan-600 {
    color: var(--text-cyan-600);
}

.ctm-bg-gradient-to-br-blue-indigo {
    background: var(--bg-gradient-to-br-blue-indigo);
}

.ctm-bg-grid-pattern {
    background-image: var(--grid-pattern);
    background-size: 20px 20px;
}

.ctm-text-gradient-blue-cyan {
    background: var(--text-gradient-blue-cyan);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.ctm-bg-blue-500-20 {
    background-color: var(--bg-blue-500-20);
    border-color: var(--border-blue-500-20);
    color: var(--text-blue-500-20);
}

.ctm-bg-blue-500 {
    background-color: var(--bg-blue-500);
}

.ctm-bg-purple-500 {
    background-color: var(--bg-purple-500);
}

.ctm-bg-green-500 {
    background-color: var(--bg-green-500);
}

.ctm-bg-pink-500 {
    background-color: var(--bg-pink-500);
}

.ctm-bg-orange-500 {
    background-color: var(--bg-orange-500);
}

.ctm-bg-gradient-to-br-blue-cyan {
    background: var(--bg-gradient-to-br-blue-cyan);
}

.ctm-text-blue-200 {
    color: var(--text-blue-200);
}

.ctm-text-blue-300 {
    color: var(--text-blue-300);
}

.ctm-font-bold {
    font-weight: 700;
}

.ctm-text-5xl {
    font-size: 3.5rem;
}

.ctm-text-6xl {
    font-size: 3.75rem;
}

.ctm-text-xl {
    font-size: 1.25rem;
}

.ctm-text-2xl {
    font-size: 1.5rem;
}

.ctm-leading-tight {
    line-height: 1.2;
}

.ctm-max-w-lg {
    max-width: 32rem;
}

.ctm-w-4 {
    width: 1rem;
}

.ctm-h-4 {
    height: 1rem;
}

.ctm-w-8 {
    width: 2rem;
}

.ctm-h-8 {
    height: 2rem;
}

.ctm-w-16 {
    width: 4rem;
}

.ctm-h-16 {
    height: 4rem;
}

.ctm-w-32 {
    width: 8rem;
}

.ctm-h-32 {
    height: 8rem;
}

.ctm-scale-110 {
    transform: scale(1.1);
}

.ctm-opacity-10 {
    opacity: 0.1;
}

.ctm-opacity-20 {
    opacity: 0.2;
}

.ctm-opacity-40 {
    opacity: 0.4;
}

.ctm-z-10 {
    z-index: 10;
}

.ctm-transition-all {
    transition: all 0.3s;
}

.ctm-bg-white {
    background-color: var(--bg-white);
}

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

.ctm-text-gray-600 {
    color: var(--hero-subheading);
}

.ctm-text-4xl {
    font-size: 2.25rem;
}

.ctm-max-w-2xl {
    max-width: 42rem;
}

.ctm-from-gray-500 {
    --gradient-from: var(--from-gray-500);
}

.ctm-to-gray-600 {
    --gradient-to: var(--to-gray-600);
}

.ctm-from-purple-500 {
    --gradient-from: var(--from-purple-500);
}

.ctm-to-purple-600 {
    --gradient-to: var(--to-purple-600);
}

.ctm-from-blue-500 {
    --gradient-from: var(--from-blue-500);
}

.ctm-to-blue-600 {
    --gradient-to: var(--to-blue-600);
}

.ctm-from-green-500 {
    --gradient-from: var(--from-green-500);
}

.ctm-to-green-600 {
    --gradient-to: var(--to-green-600);
}

.ctm-from-pink-500 {
    --gradient-from: var(--from-pink-500);
}

.ctm-to-pink-600 {
    --gradient-to: var(--to-pink-600);
}

.ctm-from-orange-500 {
    --gradient-from: var(--from-orange-500);
}

.ctm-to-orange-600 {
    --gradient-to: var(--to-orange-600);
}

.ctm-bg-gray-50 {
    background-color: var(--bg-gray-50);
}

.ctm-bg-purple-50 {
    background-color: var(--bg-purple-50);
}

.ctm-bg-blue-50 {
    background-color: var(--bg-blue-50);
}

.ctm-bg-green-50 {
    background-color: var(--bg-green-50);
}

.ctm-bg-pink-50 {
    background-color: var(--bg-pink-50);
}

.ctm-bg-orange-50 {
    background-color: var(--bg-orange-50);
}

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

.ctm-text-purple-700 {
    color: var(--text-purple-700);
}

.ctm-text-blue-700 {
    color: var(--text-blue-700);
}

.ctm-text-green-700 {
    color: var(--text-green-700);
}

.ctm-text-pink-700 {
    color: var(--text-pink-700);
}

.ctm-text-orange-700 {
    color: var(--text-orange-700);
}

.ctm-bg-gradient-to-r {
    background: linear-gradient(to right, var(--gradient-from), var(--gradient-to));
}

.ctm-text-lg {
    font-size: 1.125rem;
}

.ctm-w-6 {
    width: 1.5rem;
}

.ctm-h-6 {
    height: 1.5rem;
}

.ctm-hover-shadow-xl {
    transition: box-shadow 0.3s;
}

    .ctm-hover-shadow-xl:hover {
        box-shadow: var(--stats-card-hover-shadow);
    }

.ctm-hover-translate-y-2 {
    transition: transform 0.3s;
}

    .ctm-hover-translate-y-2:hover {
        transform: translateY(-0.5rem);
    }

.ctm-hover-opacity-90:hover {
    opacity: 0.9;
}

.ctm-group-hover-translate-x-1 {
    transition: transform 0.3s;
}

.group:hover .ctm-group-hover-translate-x-1 {
    transform: translateX(0.25rem);
}

.ctm-nav-tabs {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    width: 100%;
    margin-bottom: 2rem;
    border-radius: 6px;
    padding: 5px;
    background-color: var(--nav-tabs-bg);
    gap: 0.25rem;
}

.ctm-nav-link {
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
    text-align: center;
    color: var(--nav-link-color);
    background-color: var(--nav-link-bg);
    border: 1px solid var(--nav-link-border);
    transition: all 0.2s;
    flex: 1 1 auto;
    min-width: 100px;
}

    .ctm-nav-link.active {
        background-color: var(--nav-link-active-bg);
        border-bottom-color: transparent;
    }

    .ctm-nav-link:hover {
        background-color: var(--nav-link-hover-bg);
    }

.ctm-card {
    border: none;
    border-radius: 0.375rem;
    padding: 1rem;
    /*    background-color: var(--card-bg);*/
}

.ctm-card-header {
    background-color: transparent;
}

.ctm-card-title {
    margin-top: 1rem;
    font-weight: 500;
}

.ctm-card-text {
    margin-bottom: 0;
}

.ctm-card-body {
    padding-top: 0;
}

.ctm-card-content {
    text-align: center;
}

.ctm-text-blue-600 {
    color: var(--text-blue-600);
}

.ctm-text-purple-600 {
    color: var(--text-purple-600);
}

.ctm-text-green-600 {
    color: var(--text-green-600);
}

.ctm-text-orange-600 {
    color: var(--text-orange-600);
}

.ctm-text-pink-600 {
    color: var(--text-pink-600);
}

.ctm-text-indigo-600 {
    color: var(--text-indigo-600);
}

.ctm-bg-indigo-600 {
    background-color: var(--bg-indigo-600);
}

.ctm-bg-indigo-50 {
    background-color: var(--bg-indigo-50);
}

.ctm-max-w-3xl {
    max-width: 48rem;
}

.ctm-max-w-6xl {
    max-width: 72rem;
}

.ctm-shadow-lg {
    box-shadow: var(--stats-card-shadow);
}

.ctm-transition-shadow {
    transition: box-shadow 0.3s;
}

.ctm-leading-relaxed {
    line-height: 1.625;
}

.ctm-rounded-full {
    border-radius: 9999px;
}

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

.ctm-text-yellow-500 {
    color: var(--text-yellow-500);
}

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

.ctm-text-orange-500 {
    color: var(--text-orange-500);
}

.ctm-from-yellow-400 {
    --gradient-from: var(--from-yellow-400);
}

.ctm-to-yellow-500 {
    --gradient-to: var(--to-yellow-500);
}

.ctm-from-gray-300 {
    --gradient-from: var(--from-gray-300);
}

.ctm-to-gray-400 {
    --gradient-to: var(--to-gray-400);
}

.ctm-from-orange-400 {
    --gradient-from: var(--from-orange-400);
}

.ctm-to-orange-500 {
    --gradient-to: var(--to-orange-500);
}

.ctm-from-blue-400 {
    --gradient-from: var(--from-blue-400);
}

.ctm-to-blue-500 {
    --gradient-to: var(--to-blue-500);
}

.ctm-from-blue-500-tm {
    --gradient-from: var(--from-blue-500-tm);
}

.ctm-to-purple-500 {
    --gradient-to: var(--to-purple-500);
}

.ctm-from-blue-50 {
    --gradient-from: var(--from-blue-50);
}

.ctm-to-purple-50 {
    --gradient-to: var(--to-purple-50);
}

.ctm-bg-green-100 {
    background-color: var(--bg-green-100);
}

.ctm-border-green-200 {
    border-color: var(--border-green-200);
}

.ctm-w-5 {
    width: 1.25rem;
}

.ctm-h-5 {
    height: 1.25rem;
}

.ctm-w-10 {
    width: 2.5rem;
}

.ctm-h-10 {
    height: 2.5rem;
}

.ctm-font-semibold {
    font-weight: 600;
}

.ctm-text-sm {
    font-size: 0.875rem;
}

.ctm-hover-shadow-md {
    transition: box-shadow 0.3s;
}

    .ctm-hover-shadow-md:hover {
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    }

.ctm-rounded-lg {
    border-radius: 0.5rem;
}

.ctm-space-y-3 > * + * {
    margin-top: 0.75rem;
}

.ctm-card-lb {
    border: none;
    border-radius: 0.375rem;
    padding: 1rem;
    background-color: var(--card-bg);
}

.ctm-card-header-lb {
    padding-bottom: 1rem;
}

.ctm-card-title-lb {
    margin-bottom: 0;
    font-weight: 600;
}

.ctm-card-content-lb {
    padding: 1rem 0;
}

.ctm-select-trigger {
    width: 16rem;
    padding: 0.5rem;
    border: 1px solid var(--nav-link-border);
    border-radius: 0.25rem;
    background-color: var(--card-bg);
    color: var(--text-gray-900);
}

.ctm-leaderboard-item {
    min-height: 4rem;
}

.ctm-rank-box {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.875rem;
}

.ctm-bg-white-tm {
    background-color: var(--bg-white);
}

.ctm-text-gray-900-tm {
    color: var(--text-gray-900);
}

.ctm-text-gray-700-tm {
    color: var(--text-gray-700);
}

.ctm-text-gray-500-tm {
    color: var(--text-gray-500);
}

.ctm-text-blue-600-tm {
    color: var(--text-blue-600);
}

.ctm-text-blue-700-tm {
    color: var(--text-blue-700);
}

.ctm-text-yellow-400-tm {
    color: var(--from-yellow-400);
}

.ctm-bg-blue-50-tm {
    background-color: var(--bg-blue-50);
}

.ctm-bg-green-100-tm {
    background-color: var(--bg-green-100);
}

.ctm-text-green-700-tm {
    color: var(--text-green-700);
}

.ctm-border-green-200-tm {
    border-color: var(--border-green-200);
}

.ctm-text-2xl-tm {
    font-size: 1.5rem;
}

.ctm-text-sm-tm {
    font-size: 0.875rem;
}

.ctm-font-bold-tm {
    font-weight: 700;
}

.ctm-font-semibold-tm {
    font-weight: 600;
}

.ctm-font-medium-tm {
    font-weight: 500;
}

.ctm-w-6-tm {
    width: 1.5rem;
}

.ctm-h-6-tm {
    height: 1.5rem;
}

.ctm-w-4-tm {
    width: 1rem;
}

.ctm-h-4-tm {
    height: 1rem;
}

.ctm-w-12-tm {
    width: 3rem;
    min-width: 3rem;
}

.ctm-h-12-tm {
    height: 3rem;
}

.ctm-shadow-lg-tm {
    box-shadow: var(--stats-card-shadow);
}

.ctm-bg-gradient-to-r-tm {
    background: linear-gradient(to right, var(--gradient-from), var(--gradient-to));
}

.ctm-to-purple-500-tm {
    --gradient-to: var(--to-purple-500);
}

.ctm-rounded-full-tm {
    border-radius: 9999px;
}

.ctm-rounded-lg-tm {
    border-radius: 0.5rem;
}

.ctm-space-y-6-tm > * + * {
    margin-top: 1.5rem;
}

.ctm-border-l-4-tm {
    border-left-width: 4px;
}

.ctm-border-blue-500-tm {
    border-color: var(--from-blue-500);
}

.ctm-italic-tm {
    font-style: italic;
}

.ctm-card-tm {
    border: none;
    border-radius: 0.375rem;
    padding: 1.5rem;
    background-color: var(--card-bg);
}

.ctm-card-content-tm {
    padding: 0;
}

.ctm-testimonial-item-tm {
    background: inherit;
}

.ctm-badge-outline-tm {
    background-color: var(--badge-outline-bg);
    border: 1px solid var(--badge-outline-border);
    color: var(--badge-outline-color);
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    border-radius: 0.25rem;
}

.ctm-bg-white-95-fl-wd {
    background-color: var(--bg-white-95-fl-wd);
    backdrop-filter: blur(4px);
}

.ctm-bg-blue-600-fl-wd {
    background-color: var(--bg-blue-600-fl-wd);
}

.ctm-bg-blue-700-fl-wd {
    background-color: var(--bg-blue-700-fl-wd);
}

.ctm-from-blue-600-fl-wd {
    --gradient-from: var(--from-blue-600-fl-wd);
}

.ctm-to-purple-600-fl-wd {
    --gradient-to: var(--to-purple-600-fl-wd);
}

.ctm-from-blue-700-fl-wd {
    --gradient-from: var(--from-blue-700-fl-wd);
}

.ctm-to-purple-700-fl-wd {
    --gradient-to: var(--to-purple-700-fl-wd);
}

.ctm-bg-gradient-to-r-fl-wd {
    background: linear-gradient(to right, var(--gradient-from), var(--gradient-to));
}

.ctm-space-y-3-fl-wd > * + * {
    margin-top: 0.75rem;
}

.ctm-shadow-xl-fl-wd {
    box-shadow: var(--stats-card-hover-shadow);
}

.ctm-shadow-lg-fl-wd {
    box-shadow: var(--stats-card-shadow);
}

.ctm-hover-shadow-xl-fl-wd:hover {
    box-shadow: var(--stats-card-hover-shadow);
}

.ctm-transition-all-fl-wd {
    transition: all 0.3s;
}

.ctm-card-fl-wd {
    border: none;
    border-radius: 0.375rem;
    background-color: transparent;
}

.ctm-card-body-fl-wd {
    padding: 1rem;
}

.ctm-w-4-fl-wd {
    width: 1rem;
}

.ctm-h-4-fl-wd {
    height: 1rem;
}

.ctm-w-6-fl-wd {
    width: 1.5rem;
}

.ctm-h-6-fl-wd {
    height: 1.5rem;
}

.ctm-badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-border-radius: var(--bs-border-radius);
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
}