body{margin:0;font-family:system-ui,sans-serif;background:#111;color:#eee}
header{padding:2rem;text-align:center;border-bottom:1px solid #333}
nav a{color:#ddd;text-decoration:none;margin:0 1rem}
main{max-width:900px;margin:auto;padding:2rem}
.hero{padding:4rem 1rem;text-align:center}
.button{display:inline-block;padding:.8rem 1.3rem;margin:.4rem;background:#444;color:#fff;text-decoration:none;border-radius:6px}
footer{text-align:center;padding:2rem;color:#888;border-top:1px solid #333}
.card{border:1px solid #333;padding:1rem;margin:1rem 0;border-radius:8px}