/* General styling */
body {
    font-family: 'Open Sans', 'Lato', sans-serif; /* Updated to match modern typography */
    background-color: #f5f5f5;  /* Light background color */
    color: #333;  /* Dark gray text */
}

/* Header styling */
header {
    background-color: #ffffff;  /* White background */
    color: #333;  /* Dark text for the title */
    padding: 20px 0;
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #eaeaea;  /* Subtle border under header */
}

h1 {
    color: #0056b3;  /* IHS's brand blue for the title */
    font-size: 28px;
    margin-top: 0;
}

/* Form styling */
form {
    width: 100%;
    max-width: 600px;  /* Constrain form width */
    margin: 0 auto 50px auto;  /* Center form and add space below */
    padding: 20px;
    box-sizing: border-box;
    background-color: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 8px;  /* Rounded edges */
}

input[type="text"] {
    width: 100%;
    height: 40px;
    padding: 10px;
    margin-bottom: 20px;  /* Increased margin for better spacing */
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;  /* Subtle rounded edges */
    background-color: #ffffff;
    color: #333;
}

button {
    padding: 10px 40px;
    background-color: #0056b3;  /* IHS blue */
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

button:hover {
    background-color: #004494;  /* Darker blue on hover */
}

/* Div styling */
div {
    margin-bottom: 10px;
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    border-radius: 8px;
    color: #333;
}

/* Additional adjustments for modern look */
header img {
    width: 150px;
    margin-bottom: 10px;
}