.bg-gradient {
    position: fixed;
    inset: 0;
    z-index: -2;
    /* پس‌زمینه قدیمی */
    background: radial-gradient(ellipse at 30% 20%, #2a1a4a 0%, transparent 55%),
                radial-gradient(ellipse at 70% 80%, #4a1a2e 0%, transparent 55%),
                radial-gradient(ellipse at 50% 50%, #1a1a3a 0%, #0b0b1a 80%);
    pointer-events: none;
}
.bg-orbs {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}
.bg-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    opacity: 0.5;
    animation: floatOrb 20s ease-in-out infinite;
}
.bg-orb:nth-child(1) {
    width: 45vmax;
    height: 45vmax;
    background: #7c4dff;
    top: -20%;
    left: -15%;
    animation-delay: 0s;
    animation-duration: 18s;
}
.bg-orb:nth-child(2) {
    width: 38vmax;
    height: 38vmax;
    background: #ff4081;
    bottom: -22%;
    right: -12%;
    animation-delay: -6s;
    animation-duration: 22s;
}
.bg-orb:nth-child(3) {
    width: 30vmax;
    height: 30vmax;
    background: #00e5ff;
    top: 40%;
    left: 30%;
    animation-delay: -12s;
    animation-duration: 24s;
}
@keyframes floatOrb {
    0%,
    100% {
        transform: translate(0, 0) scale(1);
    }
    33% {
        transform: translate(4vw, -3vh) scale(1.05);
    }
    66% {
        transform: translate(-3vw, 5vh) scale(0.95);
    }
}
.glass-particles {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}
.particle {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35); /* ذرات قدیمی */
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    animation: particleFloat 12s ease-in-out infinite;
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.4);
}
.particle:nth-child(1) { width: 6px; height: 6px; top: 15%; left: 10%; animation-delay: 0s; }
.particle:nth-child(2) { width: 4px; height: 4px; top: 25%; right: 20%; animation-delay: -3s; }
.particle:nth-child(3) { width: 8px; height: 8px; top: 65%; left: 25%; animation-delay: -6s; }
.particle:nth-child(4) { width: 3px; height: 3px; top: 70%; right: 15%; animation-delay: -2s; }
.particle:nth-child(5) { width: 5px; height: 5px; top: 40%; left: 60%; animation-delay: -7s; }
.particle:nth-child(6) { width: 7px; height: 7px; top: 80%; right: 35%; animation-delay: -4s; }
.particle:nth-child(7) { width: 4px; height: 4px; top: 10%; left: 45%; animation-delay: -1s; }
.particle:nth-child(8) { width: 9px; height: 9px; top: 50%; right: 8%; animation-delay: -8s; }
@keyframes particleFloat {
    0%,
    100% {
        transform: translateY(0) scale(1);
        opacity: 0.5;
    }
    50% {
        transform: translateY(-40px) scale(1.5);
        opacity: 0.9;
    }
}