*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
body{color:#333;line-height:1.6}
a{text-decoration:none}
.container{width:90%;max-width:1200px;margin:auto}
.hero{height:100vh;background:url('hero.jpg') center/cover no-repeat;position:relative;color:white;display:flex;align-items:center;justify-content:center;text-align:center}
.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.45)}
.hero-content{position:relative;z-index:2}
.hero h1{font-size:42px;margin-bottom:15px}
.hero h2{font-size:28px;margin-bottom:20px}
.btn{display:inline-block;margin:10px;padding:12px 25px;border-radius:4px;font-weight:bold}
.btn-red{background:#d71920;color:white}
.btn-green{background:#25D366;color:white}
.btn-white{background:white;color:#333}
section{padding:60px 0}
.section-title{text-align:center;margin-bottom:40px;font-size:30px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{padding:20px;border:1px solid #eee;border-radius:6px;background:#fafafa}
footer{background:#111;color:white;text-align:center;padding:25px}
nav{position:fixed;top:0;width:100%;background:white;padding:15px 0;box-shadow:0 2px 10px rgba(0,0,0,0.1);z-index:999}
nav ul{display:flex;justify-content:center;list-style:none;gap:25px}
nav a{color:#333;font-weight:bold}
.spacer{height:80px}