html,
body {
    height: 100%;
}

.form-signin {
    max-width: 330px;
    padding: 1rem;
}

    .form-signin .form-floating:focus-within {
        z-index: 2;
    }

    .form-signin input[type="email"] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
.auth-wrapper {
    background: radial-gradient(ellipse at center, #f8f9fa 0%, #e9ecef 100%);
}

.auth-content {
     /*max-width: 960px; wider than sign-in forms but still centred */
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 0.5rem 1.25rem rgba(0,0,0,.1);
    padding: 3rem 4rem;
}

@media (max-width: 768px) {
    .auth-content {
        max-width: 100%;
        border-radius: 0;
        padding: 2rem 1.5rem;
        box-shadow: none;
    }
}