/* Custom colorful enhancements */
.gradient-bg { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.gradient-primary { background: linear-gradient(135deg, #8b5cf6 0%, #4ecdc4 100%); }
.gradient-success { background: linear-gradient(135deg, #56ab2f 0%, #a8e6cf 100%); }
.gradient-warning { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
.gradient-info { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
.job-card { transition: all 0.3s ease; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }
.job-card:hover { transform: translateY(-2px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15); }
.company-badge { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.skill-badge { background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%); color: #8b5a2b; }
.new-badge { background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); color: #d63384; }
.colorful-border { border-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%) 1; }
.animated-button { transition: all 0.3s ease; }
.animated-button:hover { transform: scale(1.05); }
.match-high { background: linear-gradient(135deg, #56ab2f 0%, #a8e6cf 100%); }
.match-medium { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
.match-bar-bg { background: linear-gradient(135deg, #e3f2fd 0%, #f3e5f5 100%); }