@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

body { font-family: 'Inter', sans-serif; }

.gradient-text {
    background: linear-gradient(to right, #60a5fa, #818cf8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blob {
    position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.15; z-index: -10;
    animation: float 10s infinite alternate cubic-bezier(0.4, 0, 0.2, 1);
}
.blob-1 { top: -10%; left: -10%; width: 500px; height: 500px; background: #2563eb; }
.blob-2 { top: 20%; right: -10%; width: 400px; height: 400px; background: #7c3aed; animation-delay: -2s; }
.blob-3 { bottom: -10%; left: 30%; width: 600px; height: 600px; background: #4f46e5; animation-delay: -4s; }

@keyframes float {
    0% { transform: translate(0, 0) scale(1); }
    100% { transform: translate(30px, 50px) scale(1.1); }
}

.animate-fade-in { animation: fadeIn 0.5s ease-out forwards; }
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #334155; border-radius: 3px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #475569; }