body {
font-family: Arial, Helvetica, sans-serif;
background-color: #f6f7f9;
margin: 0;
padding: 0;
color: #222;
}

.contact-container {
max-width: 600px;
margin: 80px auto;
background: #ffffff;
padding: 40px;
border-radius: 6px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.contact-container h1 {
font-size: 28px;
margin-bottom: 10px;
}

.contact-container p {
font-size: 15px;
line-height: 1.6;
color: #555;
margin-bottom: 30px;
}

.contact-info {
margin-bottom: 30px;
}

.contact-info div {
margin-bottom: 15px;
font-size: 16px;
}

.contact-info span {
font-weight: 600;
display: inline-block;
width: 80px;
}

form input,
form textarea {
width: 100%;
padding: 12px;
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
}

form textarea {
resize: vertical;
min-height: 120px;
}

form button {
background-color: #111;
color: #fff;
border: none;
padding: 12px 20px;
font-size: 15px;
cursor: pointer;
border-radius: 4px;
}

form button:hover {
background-color: #333;
}

footer {
text-align: center;
margin-top: 20px;
font-size: 13px;
color: #888;
}