/* Coding-specific styling */
.coding-hero {
    background: 
        radial-gradient(circle at 30% 70%, rgba(168, 85, 247, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 70% 30%, rgba(6, 182, 212, 0.1) 0%, transparent 50%);
}

.coding-hero .category-title {
    background: linear-gradient(45deg, var(--purple-color), var(--primary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.coding-hero .stat-number {
    color: var(--purple-color);
}

.coding-tag {
    background: rgba(168, 85, 247, 0.2);
    color: var(--purple-color);
    border: 1px solid rgba(168, 85, 247, 0.3);
}

.coding-tag:hover {
    background: rgba(168, 85, 247, 0.3);
}

.coding-spinner {
    border: 3px solid rgba(168, 85, 247, 0.3);
    border-top: 3px solid var(--purple-color);
}