/* Custom Blue Splash Preloader */
.loader-splash {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    /* A mix of Electric Blue, Deep Sea, and Cyan */
    background: conic-gradient(
        from 0deg,
        #3b82f6, /* brand-500 */
        #2563eb, 
        #06b6d4, /* cyan splash */
        #3b82f6
    );
    filter: blur(8px);
    animation: splash-rotate 2s infinite linear, splash-morph 3s infinite ease-in-out;
    opacity: 0.8;
}

/* Adds the secondary 'splash' layer using a pseudo-element */
.loader-splash::after {
    content: '';
    position: absolute;
    inset: -10px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(59,130,246,0.4) 0%, transparent 70%);
    animation: splash-pulse 1.5s infinite ease-out;
}

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

@keyframes splash-morph {
    0%, 100% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; transform: scale(1); }
    50% { border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%; transform: scale(1.2); }
}

@keyframes splash-pulse {
    0% { transform: scale(0.8); opacity: 0.5; }
    100% { transform: scale(1.8); opacity: 0; }
}