/* Floating Orbs Animation */
.glass-orb {
    position: fixed;
    border-radius: 50%;
    filter: blur(80px);
    z-index: -1;
    animation: float 20s infinite ease-in-out;
    opacity: 0.6;
}

.orb-1 {
    top: -10%;
    left: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, var(--accent-color), transparent);
    animation-delay: 0s;
}

.orb-2 {
    bottom: -10%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, #ff6b6b, transparent);
    animation-delay: -5s;
}

.orb-3 {
    top: 40%;
    left: 40%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, #4ecdc4, transparent);
    animation-delay: -10s;
}

@keyframes float {
    0% { transform: translate(0, 0) rotate(0deg); }
    33% { transform: translate(50px, 50px) rotate(120deg); }
    66% { transform: translate(-30px, 80px) rotate(240deg); }
    100% { transform: translate(0, 0) rotate(360deg); }
}

[data-theme="dark"] .orb-1 {
    background: radial-gradient(circle, #D4AF37, transparent);
    opacity: 0.3;
}
[data-theme="dark"] .orb-2 {
    background: radial-gradient(circle, #8e44ad, transparent);
    opacity: 0.3;
}
[data-theme="dark"] .orb-3 {
    background: radial-gradient(circle, #2980b9, transparent);
    opacity: 0.3;
}