body{font-family:Georgia,serif;margin:0;color:#6b86c4;background:#f8f8fb}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 60px;background:#fff}
.logo{font-size:28px;font-weight:bold}
.menu{background:#6b8fd6;color:#fff;padding:12px 28px;border-radius:24px}
.hero{height:220px;background:#d9d9d9 center/cover}
.card{max-width:1000px;margin:-60px auto 40px;background:#fff;padding:50px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
h1,h2{font-weight:400}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.item h2{font-size:2rem}
footer{display:flex;justify-content:space-between;padding:40px 60px;border-top:1px solid #ccd}
input,textarea{width:100%;padding:10px;border:1px solid #8fb0e6;margin:8px 0}button{background:#7da0dd;color:#fff;border:0;padding:10px 30px}
@media(max-width:800px){.grid,footer{grid-template-columns:1fr;display:block}header{padding:20px}.card{margin:0;padding:25px}}