.splash-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    text-align: center;
    opacity: 0;
    animation: fadeIn 0.5s ease-in forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

.vps-title {
    font-size: 4rem;
    font-weight: bold;
    margin: 1rem 0;
}

    .vps-title span {
        opacity: 0;
        transform: translateY(20px);
        display: inline-block;
    }

.letter-v {
    animation: letterAppear 0.6s ease-out 1s forwards;
}

.letter-p {
    animation: letterAppear 0.6s ease-out 1.3s forwards;
}

.letter-s {
    animation: letterAppear 0.6s ease-out 1.6s forwards;
}

@keyframes letterAppear {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.loading {
    margin-top: 2rem;
    opacity: 0;
    animation: fadeIn 0.5s ease-in 2.5s forwards;
}

.splash-container h1 {
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.splash-container p {
    font-size: 1.2rem;
    margin: 0.5rem 0;
}