body.login-page {
    font-family: 'Inter', sans-serif;
}

.login-brand {
    font-size: 1.45rem;
}

.login-brand-badge {
    width: 0.95rem;
    height: 0.95rem;
    font-size: 8px;
}

.login-main {
    max-width: 28rem;
}

.login-card {
    max-width: 23.5rem;
    margin: 0 auto;
    padding: 0.7rem;
    border-radius: 0.58rem;
}

.login-input {
    padding-top: 0.42rem;
    padding-bottom: 0.42rem;
    font-size: 0.76rem;
}

.login-submit {
    padding-top: 0.42rem;
    padding-bottom: 0.42rem;
    font-size: 0.69rem;
}

.login-footer {
    min-height: 0.45rem;
}

@media (min-width: 1280px) and (max-width: 1400px) and (max-height: 800px) {
    .login-header {
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
    }

    .login-back {
        margin-left: 0.75rem;
    }

    .login-brand {
        font-size: 1.35rem;
    }

    .login-main {
        max-width: 25rem;
        padding-top: 0.1rem;
        padding-bottom: 0.1rem;
    }

    .login-heading {
        margin-bottom: 0.2rem;
    }

    .login-heading h2 {
        font-size: 1.1rem;
        margin-bottom: 0;
    }

    .login-heading p {
        font-size: 0.64rem;
    }

    .login-card {
        max-width: 21.5rem;
        padding: 0.5rem;
    }

    .login-card .space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
        margin-top: 0.38rem;
    }

    .login-input {
        padding-top: 0.34rem;
        padding-bottom: 0.34rem;
        font-size: 0.7rem;
    }

    .login-submit {
        padding-top: 0.34rem;
        padding-bottom: 0.34rem;
        font-size: 0.64rem;
    }

    .login-footer {
        min-height: 0.2rem;
    }
}