/**
 * === SÖNMEZAY BİLİŞİM - BACKGROUND ANIMATIONS ===
 * Minimal, subtle effects - LESS IS MORE approach
 * Reduced to remove "AI-generated" feel
 */

/* =========================================
   1. SUBTLE GRADIENT MESH (Reduced Opacity)
   ========================================= */

body::before {
    content: '';
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    z-index: -2;
    pointer-events: none;
    /* Neutral/Subtle Warm Glow - NO BLUE/PURPLE */
    /* CLEAN WHITE - NO GLOW */
    background: none;
    animation: meshMove 30s ease-in-out infinite alternate;
    will-change: transform;
}

@keyframes meshMove {
    0% {
        transform: translate(0, 0) scale(1);
    }

    100% {
        transform: translate(-2%, 2%) scale(1.02);
    }
}

/* =========================================
   2. MINIMAL PARTICLES (Reduced from 8 to 3)
   ========================================= */

.particles-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
}

.particle {
    position: absolute;
    width: 4px;
    height: 4px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.3), transparent);
    border-radius: 50%;
    filter: blur(1px);
    animation: float 35s ease-in-out infinite;
    will-change: transform, opacity;
}

/* Only 3 subtle particles */
.particle:nth-child(1) {
    top: 15%;
    left: 20%;
    animation-duration: 30s;
}

.particle:nth-child(2) {
    top: 60%;
    left: 75%;
    animation-duration: 35s;
    animation-delay: 5s;
}

.particle:nth-child(3) {
    top: 40%;
    left: 45%;
    animation-duration: 40s;
    animation-delay: 10s;
}

/* Hide extra particles */
.particle:nth-child(n+4) {
    display: none;
}

@keyframes float {

    0%,
    100% {
        transform: translate(0, 0);
        opacity: 0.15;
    }

    50% {
        transform: translate(10px, -20px);
        opacity: 0.3;
    }
}

/* =========================================
   3. PERFORMANCE & ACCESSIBILITY
   ========================================= */

@media (prefers-reduced-motion: reduce) {

    body::before,
    .particle {
        animation: none;
    }
}

/* Disable particles on mobile */
@media (max-width: 768px) {
    body::before {
        animation: none;
        opacity: 0.5;
    }

    .particles-bg {
        display: none;
    }
}