.login-card {
    width: 100%;
    max-width: 420px;
    padding: 28px;
    align-self: start;
    margin-top: clamp(10vh, 12vh, 15vh);
}

@supports (margin-top: 1dvh) {
    .login-card {
        margin-top: clamp(10dvh, 12dvh, 15dvh);
    }
}

.login-card h1 {
    margin: 0 0 8px;
    font-size: 1.5rem;
    line-height: 1.2;
}

.actions {
    margin-top: 8px;
}