:root {
    --app-max-width: 560px;
}

html,
body {
    min-height: 100%;
}

body {
    background: #f4f6f8;
}

.login-page {
    min-height: 100dvh;
    display: flex;
    align-items: center;
    padding: max(1.5rem, env(safe-area-inset-top)) 0 max(1.5rem, env(safe-area-inset-bottom));
}

.login-card {
    max-width: var(--app-max-width);
    border-radius: 1.25rem;
}

.login-logo {
    display: block;
    max-width: 180px;
    max-height: 76px;
    margin-inline: auto;
}

.form-control,
.input-group-text,
.btn {
    min-height: 48px;
}

.app-header {
    padding-top: env(safe-area-inset-top);
}