*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.6;color:#333;background:#fff}
header,footer{background:#000;color:#fff}
header{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 1rem;flex-wrap:wrap}
.logo img{width:100px;height:100px;object-fit:contain}
.nav a{color:#fff;text-decoration:none;margin-left:1rem;padding:0.5rem;font-size:1rem}
.nav a:hover,.nav a.active{text-decoration:underline}
main{padding:1rem}
.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 0}
.hero-img{max-width:100%;height:auto;border-radius:8px}
.hero-text{margin-top:1rem}
.content-section{max-width:800px;margin:0 auto;padding:2rem 0}
.content-section h1{margin-bottom:1rem}
.content-section p{margin-bottom:1rem}
.contact-form{display:flex;flex-direction:column;gap:0.75rem}
.contact-form label{font-weight:bold}
.contact-form input,.contact-form textarea{padding:0.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}
.contact-form button{padding:0.75rem;border:none;background:#000;color:#fff;font-size:1rem;cursor:pointer;border-radius:4px}
.contact-form button:hover{opacity:0.9}
footer{padding:1rem;text-align:center;font-size:0.9rem}
@media(min-width:700px){.hero{flex-direction:row;text-align:left}.hero-img{width:50%;margin-right:2rem}.hero-text{margin-top:0}}