src/app.css

@import 'tailwindcss';
@plugin '@tailwindcss/typography';

.progress-bar {
    height: 9px;
    border-radius: 4px;
    background: linear-gradient(90deg, #4f46e5 0%, #10b981 50%, #f59e0b 100%);
    transition: width 0.3s ease;
}
.wave {
    position: relative;
    overflow: hidden;
}
.wave::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    animation: wave 2s linear infinite;
}
@keyframes wave {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}
.glow {
    box-shadow: 0 0 15px rgba(79, 70, 229, 0.5);
}