*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}
body{line-height:1.6;font-size:16px;color:#333}
header{background:#0d47a1;color:#fff}
header .container{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:auto;padding:10px 20px}
header h1 a{color:#fff;text-decoration:none}
nav a{color:#fff;margin:0 10px;text-decoration:none}
#nav-toggle{display:none;background:none;border:none;color:#fff;font-size:24px}
.hero{background-size:cover;background-position:center;padding:120px 20px;color:#fff;text-align:center}
.hero h2{font-size:48px;margin-bottom:10px}
.hero p{font-size:20px;margin-bottom:20px}
.hero form{display:flex;flex-wrap:wrap;justify-content:center}
.hero input{padding:10px;margin:5px;border:none;border-radius:4px;min-width:220px}
.hero button{padding:10px 20px;margin:5px;border:none;background:#ff9800;color:#fff;border-radius:4px;cursor:pointer}
.container{max-width:1100px;margin:auto;padding:40px 20px}
.three-steps .steps{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}
.step{flex:1;min-width:200px;background:#f5f5f5;padding:20px;border-radius:4px}
footer{background:#f5f5f5;text-align:center;padding:20px;font-size:14px;color:#555}
@media(max-width:768px){
  nav{display:none;flex-direction:column;background:#0d47a1;position:absolute;top:60px;right:0;width:200px}
  nav a{margin:10px}
  #nav-toggle{display:block}
  .hero h2{font-size:36px}
}