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

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

.glass-morphism {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
}

.card-hover {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card-hover:hover {
    transform: translateY(-10px) scale(1.02);
    border-color: rgba(34, 211, 238, 0.5);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

@keyframes float {
    0% { transform: translate(0, 0); }
    50% { transform: translate(20px, -30px); }
    100% { transform: translate(0, 0); }
}

.blob-1 { animation: float 10s infinite ease-in-out; }
.blob-2 { animation: float 15s infinite ease-in-out reverse; }