/* full-screen bg */
.login-container {
    width: 100vw;
    height: 100vh;
    background: url("../images/background.png") no-repeat center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* the frosted-glass card */
.login-card {
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(8px);
    border-radius: 8px;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.3);
    max-width: 22.5rem;
    width: 100%;
}

/* kill the GWT default bg-image on our login button */
.login-card .gwt-Button {
    background: none !important;
    background-image: none !important;
}

/* login.css — loaded *after* bootstrap.css */
.login-card .btn {
    background-color: #007bff !important;
    color: #fff !important;
    border: none !important;
}
.login-card .btn:hover {
    background-color: #0056b3 !important;
}

/* little accent bar under the button */
.button-overlay {
    width: 3.75rem;
    height: 0.25rem;
    background: rgba(0,123,255,0.4);
    margin: 1rem 0;
    border-radius: 2px;
}

/* footer text */
.login-footer {
    font-size: 0.8rem;
    color: #555;
    text-align: center;
    width: 100%;
}