/* Fullscreen container */
.preload-screen {
    position: absolute;
    inset: 0;
    background: #09103f;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: "Poppins", sans-serif;
    color: #0a2a43;
    text-align: center;
}

/* Logo */
.preload-logo {
    /* width: 40vw; */
    max-width: 95vw;
    min-width: 140px;
    margin-bottom: 40px;
}

/* Loading text */
.preload-text {
    color: #f5f7fb;
    font-size: clamp(18px, 2.5vw, 28px);
    font-weight: 500;
    margin-bottom: 10px;
}

/* Percentage */
.preload-percent {
    font-size: clamp(16px, 2vw, 22px);
    color: #f5f7fb;
    margin-bottom: 30px;
}

/* Progress bar container */
.preload-bar-container {
    width: 70%;
    max-width: 400px;
    height: 14px;
    background: greenyellow;
    border-radius: 10px;
    overflow: hidden;
}

/* Progress bar fill */
.preload-bar {
    height: 100%;
    width: 0%;
    background: blue;
    transition: width 0.2s ease;
}

/* Optional subtle animation */
.preload-text::after {
    content: "...";
    animation: dots 1.5s infinite;
}

@keyframes dots {
    0% {
        content: ".";
    }
    33% {
        content: "..";
    }
    66% {
        content: "...";
    }
}