/* Contents of style.css */
body { font-family: 'Arial', sans-serif; background-color: #f4f4f4; }
.container { max-width: 400px; margin: 30px auto; padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); background: white; }
h2 { text-align: center; color: #333; margin-bottom: 20px; }
.form-group label { display: block; margin-bottom: 5px; }
.form-control {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 5px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.btn { width: 100%; background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%); color: white; padding: 10px; border: none; border-radius: 5px; cursor: pointer; }
.btn:hover { opacity: 0.9; }
.footer { text-align: center; font-size: 0.8em; color: #666; margin-top: 20px; }
/* Add any other styles that are shared across your pages */