.login-card{
    width:min(500px,92%);
    padding:0;
    overflow:hidden;
    background:#ffffff;
    color:var(--ink);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 28px 80px rgba(0,0,0,.38);
}

.login-brand{
    background:#ffffff;
    padding:16px 26px 13px;
    border-bottom:1px solid #e5edf4;
    display:flex;
    justify-content:center;
}

.login-logo{
    display:block;
    width:min(265px,82%);
    height:auto;
}

.login-content{
    padding:24px 34px 28px;
}

.login-card .eyebrow{
    margin-top:0;
    margin-bottom:8px;
    color:#0d6efd;
}

.login-card h1{
    margin:0;
    color:#102033;
    font-size:clamp(1.75rem,4vw,2.35rem);
    line-height:1.08;
    letter-spacing:-.035em;
}

.login-card .login-description{
    margin:11px 0 18px;
    color:#1769aa !important;
    font-size:.96rem;
    font-weight:600;
    line-height:1.5;
}

.login-card label{
    color:#24384c;
    margin:12px 0;
}

.login-card input{
    background:#f8fbfd;
    color:#102033;
    border:1px solid #d8e3ec;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

.login-card input:focus{
    outline:none;
    background:#ffffff;
    border-color:#00b8df;
    box-shadow:0 0 0 3px rgba(0,209,255,.13);
}

.login-card button{
    margin-top:8px;
    min-height:46px;
}

.login-card .auth-link{
    margin:14px 0 0;
    text-align:center;
    color:#52687d;
    font-size:.92rem;
}

.login-card .auth-link a{
    color:#0b7895;
    font-weight:800;
}

.login-card .auth-link a:hover{
    text-decoration:underline;
}

.login-card .alert{
    margin:15px 0;
}

@media(max-width:620px){

    .login-card{
        width:min(460px,92%);
    }

    .login-brand{
        padding:18px 20px 15px;
    }

    .login-logo{
        width:min(250px,88%);
    }

    .login-content{
        padding:26px 24px 28px;
    }

    .login-card h1{
        font-size:1.9rem;
    }

    .login-card .login-description{
        margin:13px 0 21px;
    }

    .login-card label{
        margin:14px 0;
    }

    .login-card button{
        margin-top:10px;
        min-height:48px;
    }
}