body{margin:0;font-family:Arial;background:#f4f4f4;color:#222}
.top{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:#222;color:#fff}
.logo{height:42px}
nav a{color:#fff;margin-left:15px;text-decoration:none}
.hero{background-size:cover;padding:120px 30px;color:#fff}
.hero-box{max-width:600px;background:rgba(0,0,0,.5);padding:30px;border-radius:8px}
.cta{display:inline-block;background:#f97316;color:#fff;padding:12px 22px;border-radius:6px;text-decoration:none}
.wrap{max-width:1000px;margin:40px auto;padding:0 20px}
.box{background:#fff;padding:25px;border-radius:8px}
.row{margin-bottom:15px}
.row.two{display:flex;gap:15px}
.row label{display:block;margin-bottom:5px}
input,select{width:100%;padding:10px}
button{width:100%;padding:14px;background:#f97316;color:#fff;border:0;border-radius:6px}
.result{margin:15px 0;font-size:18px}
.result small{font-size:11px;color:#666}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px}
.grid img{width:100%;border-radius:6px}
footer{background:#222;color:#fff;text-align:center;padding:25px}