/* background.css — Yıldız ve nebula arka planı */

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

.star {
    position: absolute; border-radius: 50%;
    animation: twinkle 3s infinite;
}
.star.small  { width: 1px; height: 1px; background: #fff; }
.star.medium { width: 2px; height: 2px; background: #c8d8ff; }
.star.large  { width: 3px; height: 3px; background: #00f5ff; opacity: 0.6; }

@keyframes twinkle {
    0%,100% { opacity: 0; transform: scale(0.8); }
    50%      { opacity: 1; transform: scale(1.2); }
}

.nebula {
    position: fixed; border-radius: 50%;
    filter: blur(80px); pointer-events: none;
    z-index: 0; animation: nebulaPulse 8s ease-in-out infinite;
}
.nebula-1 {
    width: 600px; height: 600px; top: -200px; right: -100px;
    background: radial-gradient(circle, rgba(0,245,255,0.08) 0%, transparent 70%);
}
.nebula-2 {
    width: 500px; height: 500px; bottom: -150px; left: -100px;
    background: radial-gradient(circle, rgba(255,0,255,0.08) 0%, transparent 70%);
    animation-delay: 3s;
}
.nebula-3 {
    width: 400px; height: 400px; top: 40%; left: 40%;
    background: radial-gradient(circle, rgba(124,58,237,0.07) 0%, transparent 70%);
    animation-delay: 6s;
}

@keyframes nebulaPulse {
    0%,100% { transform: scale(1); opacity: 0.6; }
    50%      { transform: scale(1.2); opacity: 1; }
}