/* Advanced Logo Animation: Vivid & Bold */

.logo-container {
    width: 160px;
    /* Increased size for impact */
    height: 160px;
    margin: 0 auto 50px;
    position: relative;
    perspective: 1200px;
    transform-style: preserve-3d;
}

.logo-svg {
    width: 100%;
    height: 100%;
    overflow: visible;
    animation: float-vigorous 5s ease-in-out infinite;
    /* Stronger, vivid shadow */
    filter: drop-shadow(0 25px 40px rgba(6, 182, 212, 0.4));
}

/* Vigorous Float Keyframes */
@keyframes float-vigorous {

    0%,
    100% {
        transform: translateY(0) rotateX(0) rotateY(0) scale(1);
    }

    25% {
        transform: translateY(-15px) rotateX(12deg) rotateY(12deg) scale(1.08);
    }

    50% {
        transform: translateY(-5px) rotateX(-6deg) rotateY(-6deg) scale(1);
    }

    75% {
        transform: translateY(-20px) rotateX(6deg) rotateY(-12deg) scale(1.08);
    }
}

/* Layers */

/* 1. The Colored Body (Vivid) */
.diamond-body {
    fill: url(#gradient-primary);
    stroke: none;
}

/* 2. Glass Overlays (Shine) */
.glass-overlay {
    fill: url(#gradient-glass);
    stroke: rgba(255, 255, 255, 0.6);
    stroke-width: 1.5;
    mix-blend-mode: overlay;
}

/* 3. Chevron (Big & Bold) */
.logo-chevron {
    fill: url(#gradient-chevron);
    stroke: none;
    filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.25));
    animation: pulse-chevron 3s ease-in-out infinite;
}

@keyframes pulse-chevron {

    0%,
    100% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(-8px) scale(1.05);
    }
}

/* Drawing Animation */
.draw-path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: draw-vigorous 2.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

@keyframes draw-vigorous {
    to {
        stroke-dashoffset: 0;
    }
}

/* Continuous Shimmer */
.shimmer-edge {
    stroke: rgba(255, 255, 255, 0.9);
    stroke-width: 2.5;
    fill: none;
    stroke-dasharray: 60 300;
    stroke-linecap: round;
    animation: shimmer-run 2.5s linear infinite;
}

@keyframes shimmer-run {
    0% {
        stroke-dashoffset: 360;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

/* Ambient Glow (Vivid) */
.logo-glow-orb {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    /* Cyan/Blue mix for vividness */
    background: radial-gradient(circle, rgba(6, 182, 212, 0.5) 0%, rgba(37, 99, 235, 0.3) 40%, transparent 70%);
    transform: translate(-50%, -50%);
    filter: blur(50px);
    animation: glow-pulse 4s ease-in-out infinite;
    z-index: -1;
}

@keyframes glow-pulse {

    0%,
    100% {
        opacity: 0.7;
        transform: translate(-50%, -50%) scale(1);
    }

    50% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.15);
    }
}