/* Full-viewport splash: palm background + teal overlay (Figma) */
.index-container {
    --index-overlay: rgba(12, 49, 58, .8);
    --index-action-border: rgba(255, 255, 255, 0.3);
    min-height: 100vh;
    background-image: linear-gradient(rgba(28, 69, 67, 0.8), rgba(13, 43, 42, 0.9)), url("/images/splash/splash-background.webp");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.index-logo {
    padding: 1.5rem;
    text-align: center;
}

.index-logo-img {
    display: block;
    max-width: min(90vw, 28rem);
    height: auto;
    margin-inline: auto;
}

/* Top-right Log in (same pill style as former language control) */
.index-top-action {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 2;
}

@media (min-width: 576px) {
    .index-top-action {
        top: 1.25rem;
        right: 1.25rem;
    }
}