/* ===== ТРЕНД 8: ГЕОМЕТРИЧЕСКИЕ УЗОРЫ ===== */

.geometric-pattern {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: linear-gradient(

            45deg,

            var(--primary-light) 25%,

            transparent 25%

        ),

        linear-gradient(-45deg, var(--primary-light) 25%, transparent 25%),

        linear-gradient(45deg, transparent 75%, var(--primary-light) 75%),

        linear-gradient(-45deg, transparent 75%, var(--primary-light) 75%);

    background-size: 40px 40px;

    background-position: 0 0, 0 20px, 20px -20px, -20px 0px;

    opacity: 0.1;

    z-index: -1;

    pointer-events: none;

}



/* Абстрактные формы */

.abstract-shape {

    position: absolute;

    width: 300px;

    height: 300px;

    border-radius: 50% 30% 70% 40% / 40% 60% 30% 70%;

    background: linear-gradient(135deg, var(--primary), transparent);

    opacity: 0.1;

    z-index: -1;

    animation: float 20s ease-in-out infinite;

}



@keyframes float {

    0%,

    100% {

        transform: translate(0, 0) rotate(0deg);

    }

    33% {

        transform: translate(30px, -30px) rotate(120deg);

    }

    66% {

        transform: translate(-20px, 20px) rotate(240deg);

    }

}



@media (max-width: 768px) {

    .abstract-shape {

        display: none;

    }

}