/* Background Glow Effects - More Prominent Version */
.glow-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
}

.glow-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(150px);
    opacity: 0.25; /* Daha belirgin yapıldı */
    animation: floatGlow 20s infinite alternate ease-in-out;
}

.glow-orb-1 {
    width: 900px;
    height: 900px;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.6) 0%, transparent 70%);
    top: -200px;
    left: -100px;
    animation-duration: 25s;
}

.glow-orb-2 {
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(139, 92, 246, 0.6) 0%, transparent 70%);
    bottom: -100px;
    right: -50px;
    animation-duration: 22s;
    animation-delay: -5s;
}

.glow-orb-3 {
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(6, 182, 212, 0.5) 0%, transparent 70%);
    top: 30%;
    left: 15%;
    animation-duration: 28s;
    animation-delay: -12s;
}

@keyframes floatGlow {
    0% { transform: translate(0, 0) scale(1); opacity: 0.2; }
    33% { transform: translate(120px, 150px) scale(1.2); opacity: 0.35; }
    66% { transform: translate(-80px, 100px) scale(0.85); opacity: 0.25; }
    100% { transform: translate(0, 0) scale(1); opacity: 0.2; }
}

/* Karanlık modda ışıklar daha da etkileyici görünsün */
[data-theme="dark"] .glow-orb {
    opacity: 0.4;
    filter: blur(180px);
}
