Contact
.contact-page {
max-width: 800px;
margin: 0 auto;
padding: 40px 20px;
background: white;
}
.contact-page h1 {
font-size: 2em;
margin-bottom: 15px;
color: #333;
}
.contact-page > p {
color: #666;
margin-bottom: 40px;
line-height: 1.6;
}
.contact-info {
margin-bottom: 50px;
padding: 30px;
background: #fafafa;
border-radius: 8px;
}
.contact-info h2 {
font-size: 1.5em;
margin-bottom: 20px;
color: #333;
}
.info-item {
margin-bottom: 15px;
line-height: 1.8;
}
.info-item strong {
display: inline-block;
width: 100px;
color: #555;
}
.info-item a {
color: #0066cc;
text-decoration: none;
}
.info-item a:hover {
text-decoration: underline;
}
.contact-form {
margin-bottom: 40px;
}
.contact-form h2 {
font-size: 1.5em;
margin-bottom: 20px;
color: #333;
}
.form-shortcode-guide {
background: #f5f5f5;
padding: 20px;
border-left: 3px solid #0066cc;
margin: 20px 0;
}
.form-shortcode-guide p {
margin: 5px 0;
color: #555;
font-size: 0.95em;
}
@media (max-width: 640px) {
.contact-page {
padding: 20px 15px;
}
.info-item strong {
display: block;
margin-bottom: 5px;
}
}
