/* login card */
.login-card {
    margin: 0 20px;
    padding: 70px 30px 44px;
    border-radius: 20px;
    width: 100%;
    background-color: var(--bg-card);
    backdrop-filter: blur(10px);
    text-align: center;
}

@media (width >=448px) {
    .login-card {
        margin: 0;
        width: 70%;
        min-width: 400px;
    }
}

@media (width >=628px) {
    .login-card {
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 0 44px;
        width: 50%;
        max-width: 500px;
        min-width: auto;
        border-radius: 0;
    }
}