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

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

/* Stil pentru carduri tip glassmorphism */
.glass-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(226, 232, 240, 0.6);
}

/* Background Patterns */
.bg-nodes {
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='2' fill='%232563eb' fill-opacity='0.2'/%3E%3Ccircle cx='10' cy='10' r='1' fill='%232563eb' fill-opacity='0.1'/%3E%3Ccircle cx='90' cy='10' r='1' fill='%232563eb' fill-opacity='0.1'/%3E%3Ccircle cx='10' cy='90' r='1' fill='%232563eb' fill-opacity='0.1'/%3E%3Ccircle cx='90' cy='90' r='1' fill='%232563eb' fill-opacity='0.1'/%3E%3C/svg%3E");
}

.bg-traces {
    background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 200 L100 200 L120 220 L280 220 L300 200 L400 200' fill='none' stroke='%232563eb' stroke-opacity='0.15' stroke-width='1.5'/%3E%3Cpath d='M200 0 L200 100 L220 120 L220 280 L200 300 L200 400' fill='none' stroke='%232563eb' stroke-opacity='0.15' stroke-width='1.5'/%3E%3Ccircle cx='120' cy='220' r='2' fill='%232563eb' fill-opacity='0.2'/%3E%3Ccircle cx='280' cy='220' r='2' fill='%232563eb' fill-opacity='0.2'/%3E%3Ccircle cx='220' cy='120' r='2' fill='%232563eb' fill-opacity='0.2'/%3E%3Ccircle cx='220' cy='280' r='2' fill='%232563eb' fill-opacity='0.2'/%3E%3C/svg%3E");
}

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

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

.animate-float-delayed {
    animation: float 12s ease-in-out infinite;
    animation-delay: -4s;
}

.animate-float-slow {
    animation: float 15s ease-in-out infinite;
    animation-delay: -2s;
}