body {
    background-color: #ffffff;
    min-height: 100vh;
    overflow-x: hidden;
}

.mesh-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    background: #ffffff;
}

/* Создаем 3 размытых цветных пятна */
.mesh-loader::before, 
.mesh-loader::after,
.mesh-orb {
    content: "";
    position: absolute;
    filter: blur(80px); /* Сильное размытие */
    opacity: 0.6;
    animation: float 20s infinite ease-in-out alternate;
}

/* Пятно 1 (Голубое) */
.mesh-loader::before {
    background: #e0f2fe; /* light blue */
    width: 50vw;
    height: 50vw;
    top: -10%;
    left: -10%;
    animation-duration: 25s;
}

/* Пятно 2 (Розовое) */
.mesh-loader::after {
    background: #fce7f3; /* light pink */
    width: 40vw;
    height: 40vw;
    bottom: -10%;
    right: -10%;
    animation-duration: 30s;
    animation-delay: -5s;
}

/* Пятно 3 (Фиолетовое) - нужно добавить div в HTML */
.mesh-orb {
    background: #f3e8ff; /* light purple */
    width: 30vw;
    height: 30vw;
    top: 40%;
    left: 40%;
    animation-duration: 20s;
    animation-delay: -10s;
}

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