#page-loader {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100vh;
    background: #ffffff; /* Pure White Background */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 999999;
    transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* NEW MINIMALIST WRAPPER */
.modern-loader {
    position: relative;
    width: 80px;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* TRIPLE DOTS */
.loader-circle,
.modern-loader::before,
.modern-loader::after {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1e293b; /* Premium Slate Black Dots */
    animation: waveBounce 1.2s infinite ease-in-out both;
}

/* DOT SEQUENCING USING PSEUDO-ELEMENTS */
.modern-loader::before {
    order: 1;
    animation-delay: -0.32s;
}

.loader-circle {
    order: 2;
    animation-delay: -0.16s;
    border: none !important; /* Prevents layout breakdown */
}

.modern-loader::after {
    order: 3;
}

/* MINIMALIST TEXT */
.loader-title {
    margin-top: 24px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #64748b; /* Soft Muted Gray Text */
    text-transform: uppercase;
    font-family: system-ui, -apple-system, sans-serif;
    animation: textPulse 1.5s ease-in-out infinite;
}

/* DOT WAVE ANIMATION */
@keyframes waveBounce {
    0%, 80%, 100% { 
        transform: scale(0.6);
        opacity: 0.4;
    } 
    40% { 
        transform: scale(1.2);
        opacity: 1;
    }
}

/* TEXT PULSE ANIMATION */
@keyframes textPulse {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}