/* ===============================
   WORLD MAP BACKGROUND (OPTIMIZED)
   =============================== */

#world-map-bg {
    position: fixed;
    inset: 0;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

/* SVG BOYUT & MERKEZ */
#world-map-bg svg {
    width: 95%;        /* 🔽 %20 civarı küçültme */
    height: auto;
    max-width: none;
    opacity: 0.6;
    will-change: opacity;
}

/* SAYFA HER ZAMAN ÜSTTE */
#page {
    position: relative;
    z-index: 2;
    min-height: 100vh;
}

/* ===============================
   DOT STYLE (HAFİF & SOFT)
   =============================== */

/* Varsayılan noktalar (statik) */
#world-map-bg svg g circle {
    fill: #00fbe7;
    opacity: 0.06;            /* 🔽 daha şeffaf */
}

/* SADECE BAZI NOKTALAR ANİMASYONLU */
#world-map-bg svg g circle:nth-child(6n),
#world-map-bg svg g circle:nth-child(11n),
#world-map-bg svg g circle:nth-child(17n) {
    animation: blink 3s ease-in-out infinite; /* 🔽 daha yavaş */
}

/* DOĞAL GECİKMELER */
#world-map-bg svg g circle:nth-child(11n) { animation-delay: 1s; }
#world-map-bg svg g circle:nth-child(17n) { animation-delay: 2s; }

/* ===============================
   BLINK ANIMATION
   =============================== */

@keyframes blink {
    0%, 100% {
        opacity: 0.04;
    }
    50% {
        opacity: 0.35;        /* 🔽 daha soft tepe */
    }
}