body { font-family: 'Inter', sans-serif; }
.gradient-bg { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.gradient-card { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
.glass-effect { backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.1); }
.bottleneck-meter { 
    background: conic-gradient(from 0deg, #22c55e 0deg 72deg, #eab308 72deg 144deg, #ef4444 144deg 216deg, #dc2626 216deg 360deg);
    border-radius: 50%;
    position: relative;
}
.meter-inner {
    background: white;
    border-radius: 50%;
    position: absolute;
    top: 10px; left: 10px; right: 10px; bottom: 10px;
}
.animate-bounce-slow { animation: bounce 2s infinite; }
.animate-fade-in { animation: fadeIn 0.6s ease-in; }
.animate-slide-up { animation: slideUp 0.8s ease-out; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
.component-card:hover { transform: translateY(-5px); transition: all 0.3s ease; }
.result-excellent { color: #22c55e; }
.result-good { color: #eab308; }
.result-moderate { color: #f97316; }
.result-poor { color: #ef4444; }