html, body  {
    width:100%;
    height:100%;
}
body  {
    padding:0;
    margin:0;
    font-size:16px;
    font-family:'Roboto',sans-serif;
    background-image:linear-gradient(to top right, #08aeea 0%, #b721ff 100%);
    background-size:cover;
    background-attachment:fixed;
}
.wrapper {
    width:100%;
    min-height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.wrapper>.content  {
    padding:30px 10px;
    max-width:520px;
    width:100%
}
.form  {
    border-radius:15px;
    box-shadow:0 0 15px 8px rgba(0,0,0,0.20);
}
.form>.header  {
    background:#1a1a1a;
    font-size:1.8rem;
    font-weight:bold;
    text-transform:uppercase;
    color:#ffffff;
    padding:15px 20px;
}
.form>.footer  {
    background:#f0f0f0;
    padding:15px 20px;
    font-size:1rem;
    border-top:1px solid rgba(0,0,0,0.05);
}
.form>.content  {
    background:#ffffff;
    padding:30px 20px;
}
.form>div:first-child  {
    border-top-right-radius:15px;
    border-top-left-radius:15px;
}
.form>div:last-child  {
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;
}
.formtext  {
    font-size:0.9rem;
    color:#555555;
}
.btn-lg  {
    font-size:1.1rem;
    text-transform:uppercase;
    font-weight:bold;
    padding:0.8rem 1.4rem;
}