/* Упрощённый фон для мобильных устройств */
@media (max-width: 865px) {
    .animated-background {
        background: linear-gradient(135deg, #ffe8e8 0%, #e8f4ff 100%) !important;
        animation: none !important;
    }
    
    .bubble, .wave, .particle, .accent {
        display: none !important;
    }
    
    /* Простые статические элементы вместо сложных анимаций */
    .animated-background::before {
        content: '';
        position: absolute;
        width: 200px;
        height: 200px;
        top: 10%;
        left: 5%;
        background: rgba(255, 180, 180, 0.2);
        border-radius: 50%;
        filter: none;
        animation: simple-pulse 8s infinite ease-in-out;
    }
    
    .animated-background::after {
        content: '';
        position: absolute;
        width: 150px;
        height: 150px;
        bottom: 10%;
        right: 5%;
        background: rgba(180, 210, 255, 0.2);
        border-radius: 50%;
        filter: none;
        animation: simple-pulse 6s infinite ease-in-out alternate;
    }
    
    @keyframes simple-pulse {
        0%, 100% { opacity: 0.2; transform: scale(1); }
        50% { opacity: 0.4; transform: scale(1.1); }
    }
}

/* Отключить сложные анимации на слабых устройствах */
@media (max-width: 865px) and (prefers-reduced-motion: reduce) {
    .animated-background::before,
    .animated-background::after {
        animation: none;
        opacity: 0.1;
    }
}