/* style.css */

:root {
    --primary: #6366f1;
    --secondary: #a855f7;
    --accent: #ec4899;
    --dark: #050505;
}

body {
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
}

/* Glassmorphism utilities */
.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);
}

.glass-dark {
    background: rgba(5, 5, 5, 0.6);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Animations */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

.animate-float {
    animation: float 6s ease-in-out infinite;
}

/* Custom Gradients */
.bg-mesh {
    background-image: radial-gradient(at 0% 0%, rgba(99, 102, 241, 0.15) 0, transparent 50%),
                      radial-gradient(at 100% 100%, rgba(168, 85, 247, 0.15) 0, transparent 50%);
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--dark);
}

::-webkit-scrollbar-thumb {
    background: #222;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #333;
}

/* Hero text gradient */
.text-gradient {
    background: linear-gradient(135deg, #fff 0%, #gray-400 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}