/* V6 orbs — extracted from components.css (structural). */

@media (max-width: 768px){
}
@media (max-width: 768px){
}
@media (max-width: 768px){
}
@media (max-width: 768px){
}
@media (max-width: 768px){
}
@media (max-width:600px){
}
@media (max-width: 768px){
}
@media (max-width: 640px){
}
@media (max-width: 480px){
}
@media (max-width: 900px){
}
@media (max-width: 900px){
}
@media (max-width:720px){
}
@media (max-width:768px){
}
@media (max-width:640px){
}
@media (max-width:480px){
}
@media (max-width: 900px){
}
@media (max-width: 640px){
}
@media (min-width: 901px){
}
@media (max-width:768px){
}
@media (max-width: 900px){
}
@media (max-width:640px){
}
@media (max-width: 640px){
}
@media (max-width: 768px){
}
@media (max-width: 768px){
}
@media (max-width: 1100px){
}
@media (max-width: 768px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 480px){
}
@media (max-width: 768px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (min-width: 641px) and (max-width: 1024px){
}
@media (min-width: 769px){
}
@media (max-width: 768px){
}
@media (max-width: 768px){
}
@media (min-width: 901px){
}
.v6-orbs { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; display: none; }
.v6-orb { position: absolute; border-radius: 50%; filter: blur(60px) saturate(140%); opacity: 0.55; will-change: transform; }
.v6-orb.o1 { width: 320px; height: 320px; left: -100px; top: 12vh; background: radial-gradient(circle, var(--cat-purple), transparent 60%); }
.v6-orb.o2 { width: 240px; height: 240px; left: 18vw; top: 42vh; background: radial-gradient(circle, var(--cat-pink), transparent 60%); opacity: 0.42; }
.v6-orb.o3 { width: 360px; height: 360px; left: 36vw; top: -120px; background: radial-gradient(circle, var(--cat-teal), transparent 60%); opacity: 0.48; }
.v6-orb.o4 { width: 260px; height: 260px; right: 30vw; top: 26vh; background: radial-gradient(circle, var(--cat-indigo), transparent 60%); opacity: 0.4; }
.v6-orb.o5 { width: 400px; height: 400px; right: -140px; top: 4vh; background: radial-gradient(circle, var(--cat-yellow), transparent 60%); opacity: 0.5; }
.v6-orb.o6 { width: 220px; height: 220px; right: 14vw; top: 56vh; background: radial-gradient(circle, var(--cat-rose), transparent 60%); opacity: 0.35; }
.v6-orb.o7 { width: 300px; height: 300px; left: 6vw; bottom: 16vh; background: radial-gradient(circle, var(--cat-sky), transparent 60%); opacity: 0.42; }
.v6-orb.o8 { width: 260px; height: 260px; left: 46vw; bottom: -100px; background: radial-gradient(circle, var(--cat-emerald), transparent 60%); opacity: 0.42; }
.v6-orb.o9 { width: 220px; height: 220px; right: 4vw; bottom: 28vh; background: radial-gradient(circle, var(--cat-violet), transparent 60%); opacity: 0.45; }
.v6-orb.o10 { width: 200px; height: 200px; right: 38vw; bottom: 4vh; background: radial-gradient(circle, #F472B6, transparent 60%); opacity: 0.38; }
.v6-orb.o11 { width: 280px; height: 280px; left: 28vw; bottom: 44vh; background: radial-gradient(circle, var(--cat-coral), transparent 60%); opacity: 0.32; }
.v6-orb.o12 { width: 240px; height: 240px; right: 22vw; bottom: 2vh; background: radial-gradient(circle, #2DD4BF, transparent 60%); opacity: 0.38; }
.v6-orb.o1, .v6-orb.o4, .v6-orb.o7, .v6-orb.o10 { animation: v6Drift1 32s ease-in-out infinite; }
.v6-orb.o2, .v6-orb.o5, .v6-orb.o8, .v6-orb.o11 { animation: v6Drift2 38s ease-in-out infinite; }
.v6-orb.o3, .v6-orb.o6, .v6-orb.o9, .v6-orb.o12 { animation: v6Drift3 36s ease-in-out infinite; }
@media (max-width: 768px){
}
@media (max-width: 768px){
}
@media (max-width: 1100px){
}
@media (max-width: 768px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 480px){
}
@media (max-width: 768px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (min-width: 641px) and (max-width: 1024px){
}
@media (min-width: 769px){
}
@media (max-width: 768px){
}
body.dark .v6-orbs { display: block; }
body.dark .v6-orbs { display: block; }