body{margin:0;font-family:Arial,sans-serif;background:#efefef}
.header{display:flex;justify-content:space-between;padding:20px;align-items:center}
nav a{margin:0 10px;text-decoration:none;color:#000;font-weight:700}
.hero{display:grid;grid-template-columns:1fr 1fr}
.form-panel{padding:40px}
.form-panel h1{color:#ef4fb6;text-transform:uppercase}
form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.full{grid-column:1/-1}
input{padding:12px}
.hero-image img,section img{width:100%;display:block}
.banner{background:#ef4fb6;color:white;font-weight:700;font-size:2rem;padding:20px;text-align:center}
section{max-width:1200px;margin:auto;padding:40px 20px}
h2{color:#ef4fb6;text-transform:uppercase;text-align:center}
@media(max-width:768px){.hero{grid-template-columns:1fr}form{grid-template-columns:1fr}}