// ================================
// styles.css
// ================================
body {
font-family: Arial, sans-serif;
margin: 0;
background: #f4f6f8;
}
header {
background: #0b2d4d;
color: white;
padding: 20px;
}
.container {
max-width: 1000px;
margin: auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
padding: 20px;
}
section {
background: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
label { display: block; margin-top: 10px; }
input, select, button {
width: 100%;
padding: 8px;
margin-top: 4px;
}
button {
margin-top: 15px;
background: #0b2d4d;
color: white;
border: none;
cursor: pointer;
}
button:hover { background: #134d7a; }
footer {
text-align: center;
padding: 15px;
font-size: 0.9em;
}