*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:#222}
.container{max-width:1000px;margin:0 auto;padding:0 1rem}
.site-header{background:#f7f7f7;border-bottom:1px solid #eee}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem}
.site-header nav a{margin-left:1rem;text-decoration:none;color:#333}
.hero{background:#fafafa;border-bottom:1px solid #eee;padding:3rem 0;text-align:center}
.button{display:inline-block;padding:.7rem 1rem;border-radius:.5rem;background:#222;color:#fff;text-decoration:none}
main{padding:2rem 0}
h1,h2,h3,h4{line-height:1.25}
.cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.card{border:1px solid #eee;border-radius:.75rem;padding:1rem;background:#fff}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
input,textarea{width:100%;padding:.6rem;border:1px solid #ddd;border-radius:.5rem}
.site-footer{border-top:1px solid #eee;background:#f7f7f7;padding:1rem 0;margin-top:2rem;text-align:center}