/* === Глобальные анимации и декорации === */

/* Плавающие фигуры (фон) */
.floating-shapes {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}

.shape {
    position: absolute;
    opacity: 0.1;
    border-radius: 50%;
    background: var(--secondary);
    animation: float 20s infinite linear;
}

@keyframes float {
    0% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(180deg); }
    100% { transform: translateY(0) rotate(360deg); }
}

/* Декоративные волны */
.wave-divider {
    position: absolute;
    width: 100%;
    height: 100px;
    bottom: -1px;
    left: 0;
    z-index: 10;
}

.wave-divider-top {
    top: -1px;
    bottom: auto;
}