/* ───────── Splash container ───────── */
body .splash-screen {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    inset: 0;
    z-index: 999999;

    /* 🌊 SEA BLUE GRADIENT (Deep & Premium) */
    background: radial-gradient(circle at top, rgba(14, 165, 233, 0.15), transparent 55%),
    radial-gradient(circle at bottom, rgba(6, 182, 212, 0.12), transparent 50%),
    #020617; /* Deep Navy */

    color: #ffffff;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.6s ease, visibility 0.6s ease, transform 0.6s ease;
}

/* Hide Logic */
body.splash-screen-hidden .splash-screen {
    opacity: 0;
    visibility: hidden;
    transform: scale(1.05); /* Un zoom fin la ieșire */
}

/* ───────── Loader (Stilul tău preferat, culori noi) ───────── */
.loader {
    width: 68px;
    height: 68px;
    border-radius: 50%; /* Revenim la cerc dacă acesta ți-a plăcut mai mult */
    position: relative;
    overflow: hidden;

    background: rgba(255, 255, 255, 0.04);
    /* Border-ul fin de sticlă care nu "țipă" */
    border: 1px solid rgba(255, 255, 255, 0.1);

    box-shadow: 0 0 30px rgba(6, 182, 212, 0.2),
    inset 0 0 10px rgba(255, 255, 255, 0.05);

    animation: pulse 2.5s ease-in-out infinite;
}

/* Lichidul Ocean (bottom → top) */
.loader::before {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
            to top,
            #0369a1, /* Dark Sea */ #0ea5e9, /* Sky Blue */ #67e8f9 /* Cyan light */
    );

    transform: translateY(100%);
    animation: liquidRise 2s ease-in-out infinite;
}

/* Shimmer-ul vertical care dă efectul de reflexie */
.loader::after {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
            to top,
            transparent,
            rgba(255, 255, 255, 0.2),
            transparent
    );

    animation: shimmerVertical 2s infinite;
}

/* ───────── Animations ───────── */
@keyframes liquidRise {
    0% {
        transform: translateY(100%);
    }
    50% {
        transform: translateY(0%);
    }
    100% {
        transform: translateY(-100%);
    }
}

@keyframes shimmerVertical {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(-100%);
    }
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.08);
    }
}

/* ───────── Text ───────── */
.splash-text {
    margin-top: 20px;
    font-size: 11px;
    font-weight: 800; /* Puțin mai subțire decât 900 ca să nu pară "îngroșat" */
    opacity: 0.4;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}

/* ───────── Background motion discret ───────── */
.splash-screen::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 30% 20%, rgba(6, 182, 212, 0.1), transparent 60%);
    animation: moveBg 8s ease-in-out infinite alternate;
    z-index: -1;
}

@keyframes moveBg {
    0% {
        transform: translateY(0) scale(1);
    }
    100% {
        transform: translateY(-30px) scale(1.1);
    }
}