body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#fff;color:#222}
.navbar{position:sticky;top:0;background:#fff;padding:15px 30px;display:flex;justify-content:space-between;border-bottom:1px solid #ddd}
.navbar a{text-decoration:none;color:#333;margin-left:20px}
.hero{text-align:center;padding:90px 20px;background:#f5f5f5}
.hero h1{font-size:52px}
.hero p{font-size:20px;color:#666}
.step{max-width:1200px;margin:70px auto;padding:0 20px}
.step h2{font-size:34px}
.step p{font-size:18px}
.step img{width:100%;margin-top:20px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.btn{display:inline-block;background:#0067b8;color:#fff;padding:12px 20px;text-decoration:none;border-radius:6px;margin-top:10px}
footer{text-align:center;padding:60px;background:#f5f5f5;margin-top:80px}