html, body{
    height:100%;
}

.login-screen{
    background:
        radial-gradient(circle at top left, rgba(255,255,255,.18), transparent 20%),
        var(--win-desktop);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
}

.login-shell{
    width:min(520px, 100%);
}

.login-dialog{
    max-width:520px;
    margin:0 auto;
}

.login-body{
    padding:18px;
}

.login-logo{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:14px;
}

.login-logo-mark{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    font-size:28px;
    font-weight:700;
    color:#fff;
    background:linear-gradient(135deg,var(--win-blue),#1084d0);
    border-top:2px solid var(--win-light);
    border-left:2px solid var(--win-light);
    border-right:2px solid var(--win-dark);
    border-bottom:2px solid var(--win-dark);
}

.login-logo-text{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.login-form{
    margin-top:12px;
}

.field-row-buttons{
    justify-content:flex-end;
}

.field-row-buttons > span{
    display:none;
}

.login-hint{
    margin-top:10px;
    color:#333;
    font-size:11px;
}

.login-hint code{
    background:#fff;
    padding:1px 4px;
}