.loader-page{

    min-height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;

    background:
        radial-gradient(circle at top,
            rgba(123,47,247,.22),
            transparent 35%),
        radial-gradient(circle at bottom,
            rgba(0,180,255,.10),
            transparent 45%),
        #07090F;

}

.loader-content {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: var(--space-xl);

}

.logo-container {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    z-index: 2;

    transition: 1s;

}

.logo-title {

    font-size: var(--font-xxl);

    font-weight: 700;

    letter-spacing: 2px;

}

.subtitle {

    margin-top: 10px;

    color: var(--text-secondary);

    font-size: var(--font-md);

}

.globe-container{

    position:relative;

    width:360px;

    height:360px;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-top:40px;

}

#three-globe{

    width:360px;

    height:360px;

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

}

.memory{

    position:absolute;

    width:8px;
    height:8px;

    border-radius:50%;

    background:#FF2D75;

    opacity:0;

}

.earth{

    width:280px;

    animation:rotateEarth 35s linear infinite;

}

.stars{

    position:fixed;

    inset:0;

    background-image:

        radial-gradient(white 1px, transparent 1px),

        radial-gradient(#9C6BFF 1px, transparent 1px),

        radial-gradient(#6FD8FF 1px, transparent 1px);

    background-size:

        180px 180px,

        260px 260px,

        340px 340px;

    background-position:

        0 0,

        50px 120px,

        120px 40px;

    opacity:.35;

    animation:starsMove 120s linear infinite;

}

@keyframes starsMove{

    from{

        transform:translateY(0);

    }

    to{

        transform:translateY(-180px);

    }

}

.logo-hidden{

    opacity:0;

    transform:

        translateY(-25px);

}

#loader-fade{

    position:fixed;

    inset:0;

    background:#05060D;

    opacity:0;

    pointer-events:none;

    transition:opacity .8s ease;

    z-index:30;

}