.ring {
    position: absolute;
    width: 700px;
    height: 700px;
    top: -180px;
    left: -180px;
    border: 1px solid rgba(0, 240, 255, 0.2);
    border-radius: 50%;
    box-shadow:
        0 0 40px rgba(0, 240, 255, 0.3),
        0 0 80px rgba(139, 92, 246, 0.15);
    animation: slow-orbit 120s linear infinite;
    pointer-events: none;
    opacity: 0.6;
}

@keyframes slow-orbit {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}