body{font-family:Arial,sans-serif;margin:0}
header{background:#111;color:#fff;padding:15px;display:flex;justify-content:space-between}
nav a{color:#fff;margin-left:10px;text-decoration:none}
.hero{padding:100px 20px;text-align:center;background:#f4b400;color:white}
.btn{background:#111;color:white;padding:12px 20px;text-decoration:none;border-radius:6px}
section{padding:40px 20px}
.card{padding:20px;margin:10px 0;background:#f7f7f7;border-radius:8px;opacity:0;transform:translateY(20px);transition:.6s}
.card.show{opacity:1;transform:translateY(0)}