/* Full height layout so vertical centering works */
html,
body {
    height: 100%;
}

/* =========================================================
   LOGIN FORM CONTAINER
   (Override Bootstrap example default width)
   ========================================================= */

/*
 ORIGINAL (Bootstrap example):
 .form-signin {
     max-width: 330px;
     padding: 1rem;
 }
*/

.form-signin {
    width: 500px; 
    max-width: 500px; 
    padding: 2rem; 
    background-color: #ffffff; 
    border-radius: 8px; 
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); 
}

    /* Keeps floating labels above inputs when focused */
    .form-signin .form-floating:focus-within {
        z-index: 2;
    }

    /* Email input styling (top input in group) */
    .form-signin input[type="email"] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    /* Password input styling (bottom input in group) */
    .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }