.form-container{
    padding: 50px;
}

form.account-form > * {
    margin-top: 5px;
    margin-bottom: 5px;}

form.account-form h1{
    text-align: center;
}

form.account-form {

    margin-left: auto;
    margin-right: auto;
    max-width: 400px;

    background-color: #e2e2e2;
    border-radius: 5px;
    border: 1px solid gray;
    padding:10px;

}

form.account-form button {
    float: right;
}

.error-msg {
    text-align: center;
    color: red;
}

/* Login page: ensure content area has presence so footer doesn't dominate */
.login-page {
    min-height: 70vh;
}

/* Plain links on the white sign-in cards must stay legible — the theme's default
   link colour can render near-white (white-on-white). Exclude `.btn`-styled
   anchors (e.g. an <a class="btn btn-primary"> CTA), which keep their own button
   colours — otherwise the link colour overrides their white text (blue-on-blue). */
.login-page a:not(.btn),
.login-page .btn-link {
    color: #0a4bff;
    text-decoration: underline;
}

.login-page a:not(.btn):hover,
.login-page .btn-link:hover {
    color: #0833b3;
}

/* A submit button that must read as a link (e.g. "Email me a sign-in code instead").
   Avoids the theme's .btn-link colour, which renders near-white on the white card. */
.login-page .login-link-button {
    background: none;
    border: none;
    padding: 0;
    color: #0a4bff;
    text-decoration: underline;
    cursor: pointer;
}

.login-page .login-link-button:hover {
    color: #0833b3;
}