
*{box-sizing:border-box} body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:#333}
.hero{background:url('https://images.unsplash.com/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&w=1800&q=80') center/cover;height:90vh}
.overlay{background:rgba(0,0,0,.45);height:100%}
.nav,.simple-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 50px}
.logo{height:90px}
a{color:white;text-decoration:none;margin-left:20px;font-weight:600}
.simple-nav a{color:#333}
.hero-content{height:75%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;text-align:center;padding:20px}
.hero-content h1{font-size:4rem;margin-bottom:10px}
.btn{background:#2f4f4f;padding:14px 24px;border-radius:6px}
section{max-width:1200px;margin:auto;padding:60px 20px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}
.card{background:#f4f4f4;padding:25px;border-radius:10px}
.contact form{max-width:650px;display:flex;flex-direction:column;gap:15px}
input,textarea{padding:14px;border:1px solid #ccc;border-radius:6px}
textarea{height:180px}
button{padding:14px;background:#2f4f4f;color:white;border:none;border-radius:6px}
footer{background:#1f1f1f;color:white;text-align:center;padding:20px}
