/* login.css - Styles for the Login/Register Page ONLY */
.login-form-section {
    display: flex; justify-content: center; align-items: center;
    padding: 60px 20px; min-height: calc(100vh - 74px - 91px); /* Full height minus header/footer */
}
.login-form {
    background-color: #fff; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    max-width: 400px; width: 100%; padding: 40px;
}
.login-form h2 { text-align: center; margin-bottom: 30px; }
.login-form label { display: block; margin-bottom: 8px; font-weight: bold; color: #555; text-align: left;}
.login-form input {
    width: 100%; padding: 12px 10px; margin-bottom: 20px;
    border: 1px solid #ddd; border-radius: 5px; font-size: 1em;
}
#main-button {
    width: 100%; padding: 15px; border: none; border-radius: 5px; font-size: 1.1em; font-weight: bold;
    cursor: pointer; color: white; transition: background-color 0.3s ease;
}
#main-button.login { background-color: #007bff; }
#main-button.login:hover { background-color: #0056b3; }
#main-button.register { background-color: #28a745; }
#main-button.register:hover { background-color: #218838; }
.form-helper-text { text-align: center; margin-top: 25px; font-size: 0.95em; }