*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,Arial,sans-serif;line-height:1.6;color:#333;background:#fafafa}
header,footer{background:#fff;padding:1rem 2rem;border-bottom:1px solid #eee}
nav ul{list-style:none;display:flex;gap:1rem}
nav ul li a{text-decoration:none;color:#0366d6}
.btn{display:inline-block;padding:.5rem 1rem;background:#9d8df1;color:#fff;text-decoration:none;border-radius:4px}
.hero{background:url('/assets/img/hero.jpg') center/cover;height:45vh;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.4)}
main{max-width:960px;margin:2rem auto;padding:0 1rem}
footer{border-top:1px solid #eee;margin-top:2rem;text-align:center;font-size:.875rem}
img{max-width:100%;height:auto}