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

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

/* Geometric Blobs */
.blob {
    position: absolute;
    filter: blur(80px);
    z-index: -1;
    opacity: 0.6;
}

.blob-1 {
    top: -10%;
    left: -10%;
    width: 500px;
    height: 500px;
    background: #F3E8F9; /* plum-100 */
    border-radius: 50%;
}

.blob-2 {
    top: 40%;
    right: -5%;
    width: 400px;
    height: 400px;
    background: #FEF3C7; /* amber-100 */
    border-radius: 50%;
}

.blob-3 {
    bottom: -5%;
    left: 20%;
    width: 300px;
    height: 300px;
    background: #E9D8FD; /* light purple */
    border-radius: 50%;
}

/* Geometric Shapes */
.shape-square {
    position: absolute;
    background: #FBBF24;
    opacity: 0.1;
    transform: rotate(45deg);
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Mobile Menu Animation */
.mobile-menu-active {
    opacity: 1 !important;
    pointer-events: all !important;
}
