body { font-family: sans-serif; margin: 0; background: #FFFFFF; }
header { background: #1C2526; color: #FFFFFF; padding: 10px; }
nav { display: flex; justify-content: space-between; max-width: 1200px; margin: 0 auto; }
nav ul { list-style: none; display: flex; gap: 20px; padding: 0; }
nav a { color: #FFFFFF; text-decoration: none; }
.hero, .listings, .form-section, .about-section, .privacy-section, .calculator-section, .how-it-works, .insurance, .blog, .blog-post-content, .contact, .faq, .login, .trailer-details { text-align: center; padding: 50px; background: #FFFFFF; }
h2 { color: #00A8A8; }
h3 { color: #1C2526; }
h4 { color: #1C2526; }
button { background: #00A8A8; color: #FFFFFF; padding: 10px 20px; border: none; cursor: pointer; }
a { color: #00A8A8; text-decoration: none; }
a:hover { text-decoration: underline; }
.trailer { border: 1px solid #1C2526; margin: 10px; padding: 10px; }
form { display: flex; flex-direction: column; gap: 10px; max-width: 400px; margin: 0 auto; }
input, textarea { padding: 8px; border: 1px solid #1C2526; }
textarea { resize: vertical; }
footer { text-align: center; padding: 10px; background: #1C2526; color: #FFFFFF; }
.search-placeholder { margin: 20px 0; }
.search-placeholder input { padding: 10px; width: 300px; }
.benefits { background: #f9f9f9; padding: 30px; }
.benefit-list { display: flex; justify-content: space-around; max-width: 1000px; margin: 0 auto; }
.benefit { width: 30%; }
.about-section ul { list-style: none; padding: 0; text-align: left; max-width: 600px; margin: 0 auto; }
.about-section li { margin: 10px 0; }
.privacy-section, .how-it-works, .insurance, .faq { background: #f9f9f9; padding: 30px; }
.privacy-section p, .how-it-works p, .insurance p, .faq p { max-width: 800px; margin: 10px auto; }
.calculator { max-width: 400px; margin: 20px auto; }
.blog-post { margin: 20px 0; }
.contact p { max-width: 600px; margin: 10px auto; }
.logo { height: 130px; width: auto; }