/* animations.css transformed to hell unknown theme */
@keyframes floatUnknown {
    0%, 100% { 
        transform: translate(0, 0) rotate(0deg) scale(1);
        filter: blur(40px) brightness(1);
    }
    33% { 
        transform: translate(40px, -40px) rotate(120deg) scale(1.1);
        filter: blur(45px) brightness(1.2);
    }
    66% { 
        transform: translate(-30px, 30px) rotate(240deg) scale(0.9);
        filter: blur(35px) brightness(0.8);
    }
}

@keyframes fadeInUnknown {
    0% { 
        opacity: 0; 
        transform: translateY(10px) scale(0.95);
        filter: blur(5px);
    }
    100% { 
        opacity: 1; 
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

@keyframes unknownGradient {
    0%, 100% { 
        background-position: 0% 50%;
        filter: hue-rotate(0deg);
    }
    25% { 
        background-position: 50% 100%;
    }
    50% { 
        background-position: 100% 50%;
        filter: hue-rotate(180deg);
    }
    75% { 
        background-position: 50% 0%;
    }
}

@keyframes unknownGlow {
    0% { 
        box-shadow: 
            0 0 15px rgba(138, 43, 226, 0.4),
            0 0 30px rgba(218, 112, 214, 0.2),
            inset 0 0 10px rgba(138, 43, 226, 0.1);
    }
    50% { 
        box-shadow: 
            0 0 25px rgba(138, 43, 226, 0.6),
            0 0 50px rgba(218, 112, 214, 0.4),
            inset 0 0 20px rgba(138, 43, 226, 0.2);
    }
    100% { 
        box-shadow: 
            0 0 15px rgba(138, 43, 226, 0.4),
            0 0 30px rgba(218, 112, 214, 0.2),
            inset 0 0 10px rgba(138, 43, 226, 0.1);
    }
}

@keyframes unknownShimmer {
    0% { 
        background-position: -300px 0;
        opacity: 0.3;
    }
    50% { 
        opacity: 0.6;
    }
    100% { 
        background-position: calc(300px + 100%) 0;
        opacity: 0.3;
    }
}

@keyframes rotateShine {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes pulseUnknown {
    0%, 100% { 
        opacity: 0.2;
        transform: scale(1);
    }
    50% { 
        opacity: 0.4;
        transform: scale(1.05);
    }
}

.floating-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(50px);
    opacity: 0.25;
    mix-blend-mode: screen;
}

.orb-1 {
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, 
        rgba(138, 43, 226, 0.8) 0%, 
        rgba(138, 43, 226, 0.4) 30%,
        rgba(138, 43, 226, 0) 70%);
    top: 5%;
    left: 5%;
    animation: floatUnknown 20s ease-in-out infinite;
}

.orb-2 {
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, 
        rgba(75, 0, 130, 0.8) 0%, 
        rgba(75, 0, 130, 0.4) 30%,
        rgba(75, 0, 130, 0) 70%);
    top: 65%;
    right: 5%;
    animation: floatUnknown 24s ease-in-out infinite reverse;
}

.orb-3 {
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, 
        rgba(218, 112, 214, 0.7) 0%, 
        rgba(218, 112, 214, 0.3) 30%,
        rgba(218, 112, 214, 0) 70%);
    bottom: 10%;
    left: 25%;
    animation: floatUnknown 16s ease-in-out infinite;
}

.orb-4 {
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, 
        rgba(148, 0, 211, 0.6) 0%, 
        rgba(148, 0, 211, 0.2) 30%,
        rgba(148, 0, 211, 0) 70%);
    top: 40%;
    right: 30%;
    animation: pulseUnknown 8s ease-in-out infinite;
    filter: blur(60px);
}