@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
    --primary-color: #6366f1;
    --primary-hover: #4f46e5;
}

body {
    background: radial-gradient(circle at top right, #1e1b4b 0%, #0f172a 100%);
    min-height: 100vh;
}

.glass {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

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

@keyframes blob {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}

.animate-blob {
    animation: blob 7s infinite;
}

.animation-delay-2000 {
    animation-delay: 2s;
}

.animation-delay-4000 {
    animation-delay: 4s;
}

@keyframes scan {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(200%); }
}

.animate-scan {
    animation: scan 2s linear infinite;
}

.animate-spin-slow {
    animation: spin 3s linear infinite;
}

.animate-spin-reverse {
    animation: spin 2s linear reverse infinite;
}

/* Custom scrollbar for better aesthetics */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #0f172a;
}

::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #475569;
}
@keyframes fade-in-down {
    0% { opacity: 0; transform: translateY(-1rem); }
    100% { opacity: 1; transform: translateY(0); }
}

.animate-fade-in-down {
    animation: fade-in-down 0.4s ease-out;
}