body{
    margin:0;
    background:#9b1116;
    font-family: "Segoe UI", Arial, sans-serif;
    display:flex;
    justify-content:center;
    align-items:center;
    height:100vh;
}

.container{
    text-align:center;
}

.login-box{
    width:330px;              /* was 440px */
    background:#fff;
    padding:42px 34px 0;
    box-shadow:0 2px 8px rgba(0,0,0,.15);
}

.logo img{
    width:58px;
    margin-bottom:20px;
}

h2{
    font-size:19px;
    font-weight:300;
    color:#444;
    margin-bottom:10px;
}

.subtitle{
    font-size:14px;
    color:#555;
    line-height:1.5;
    margin-bottom:30px;
}

.input-group{
    position:relative;
    margin-bottom:18px;
}

.input-group label{
    position:absolute;
    top:-7px;
    left:12px;
    background:#fff;
    padding:0 4px;
    color:#2b88d8;
    font-size:11px;
}

input{
    width:100%;
    height:44px;              /* was 50px */
    padding:0 15px;
    border:1px solid #ddd;
    font-size:14px;
    outline:none;
}

input:focus{
    border:1px solid #0078d4;
}

button{
    width:100%;
    height:50px;              /* was 60px */
    background:#0067f4;
    color:#fff;
    border:none;
    font-size:15px;           /* was 28px */
    cursor:pointer;
    margin-top:6px;
}

.links{
    display:flex;
    justify-content:space-between;
    margin:28px 0;
}

.links a{
    color:#555;
    font-size:13px;
    text-decoration:none;
}

.bottom{
    background:#f6f6f6;
    margin:0 -34px;
    padding:18px;
    border-top:1px solid #e5e5e5;
    font-size:13px;
    color:#555;
}

.bottom a{
    color:#555;
    text-decoration:none;
}

.help{
    margin-top:26px;
    color:#fff;
}

.help p{
    margin-bottom:8px;
    font-size:13px;
}

.help a{
    color:#fff;
    text-decoration:none;
    font-size:13px;
}