.auth-login-shell {
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: linear-gradient(165deg, rgba(14, 147, 144, .12) 0%, rgba(197, 182, 131, .18) 45%, #f6f4ec 85%);
}

.auth-login-card {
    /* border: 1px solid #c5dddc; */
    border-radius: 16px;
}

.auth-brand-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.ld-nav-brand-picture {
    display: inline-flex;
}

.auth-brand-link .ld-nav-logo {
    display: block;
    width: clamp(170px, 22vw, 250px);
    height: auto;
    max-height: 64px;
    object-fit: contain;
}

.auth-login-card .btn-primary {
    background: #0b4c45;
    border-color: #0b4c45;
}

.auth-login-card .btn-primary:hover {
    background: #0e9390;
    border-color: #0e9390;
}

/* ─────────────────────────────────────────────────────────
   AUTH LAYOUT SPECIFICS
   ───────────────────────────────────────────────────────── */
.auth-layout {
    position: relative;
}

.auth-top-nav {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 1050;
    display: flex;
    justify-content: flex-end;
}

@@media (max-width: 576px) {
    .auth-top-nav {
        top: 1rem;
        right: 1rem;
    }
}