/* Bewegende neonrand rond het DanceCafe-welkomstvak */

@property --dc-neon-hoek {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@keyframes dc-neon-beweeg {
    to { --dc-neon-hoek: 360deg; }
}

#loginOverlay .login-card {
    border: 3px solid transparent;
    border-radius: 18px;
    background:
        linear-gradient(#101321, #101321) padding-box,
        conic-gradient(
            from var(--dc-neon-hoek),
            #00eaff,
            #ff00d4,
            #ff8a00,
            #00ff99,
            #00eaff
        ) border-box;
    animation: dc-neon-beweeg 5s linear infinite;
    box-shadow:
        0 0 12px #00eaff88,
        0 0 24px #ff00d455;
}

@media (prefers-reduced-motion: reduce) {
    #loginOverlay .login-card {
        animation: none;
    }
}