.animated-bg {
    background: linear-gradient(-45deg, #05070d, #1a0b2e, #032535, #11052c, #05070d);
    background-size: 400% 400%;
    animation: bgMovement 12s ease infinite;
}

@keyframes bgMovement {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

#cursor-glow {
    pointer-events: none;
    position: fixed;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(6, 182, 212, 0.35) 0%, rgba(168, 85, 247, 0.2) 50%, rgba(0,0,0,0) 80%);
    transform: translate(-50%, -50%);
    transition: transform 0.05s ease-out;
    z-index: 1;
    filter: blur(6px);
    mix-blend-mode: screen;
}

.parallax-orb {
    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.card-interactive {
    transition: transform 0.2s ease-out, border-color 0.3s ease, box-shadow 0.3s ease;
    transform-style: preserve-3d;
}