/* Crystal — refracted gem facets */
@keyframes crystalRotate {
    0% {
        transform: rotate(0deg) scale(1);
    }
    100% {
        transform: rotate(360deg) scale(1.05);
    }
}

@keyframes crystalShimmer {
    0%, 100% {
        opacity: 0.3;
    }
    50% {
        opacity: 0.55;
    }
}

body::before {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    width: 140vmax;
    height: 140vmax;
    margin: -70vmax 0 0 -70vmax;
    background: conic-gradient(
        from 45deg,
        transparent 0deg,
        color-mix(in srgb, var(--anim-c-blue) 18%, transparent) 40deg,
        transparent 80deg,
        color-mix(in srgb, var(--anim-c-purple) 20%, transparent) 120deg,
        transparent 160deg,
        color-mix(in srgb, var(--anim-c-info) 16%, transparent) 200deg,
        transparent 240deg,
        color-mix(in srgb, var(--anim-c-gold) 14%, transparent) 280deg,
        transparent 320deg,
        color-mix(in srgb, var(--anim-c-green) 12%, transparent) 360deg
    );
    animation: crystalRotate 90s linear infinite, crystalShimmer 10s ease-in-out infinite;
    pointer-events: none;
    z-index: -1;
    filter: blur(25px);
}

body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:
        linear-gradient(125deg, transparent 40%, color-mix(in srgb, var(--anim-c-accent) 8%, transparent) 50%, transparent 60%),
        linear-gradient(235deg, transparent 35%, color-mix(in srgb, var(--anim-c-premium) 6%, transparent) 48%, transparent 58%);
    animation: crystalShimmer 14s ease-in-out infinite reverse;
    pointer-events: none;
    z-index: -1;
}