body{margin:0;font-family:Arial;background:#f5f7ff;}
.hero{height:420px;overflow:hidden;}
.hero img{width:100%;height:420px;object-fit:cover;}
.nav{background:#E3F9A0;padding:15px;text-align:center;}
.nav a{margin:0 12px;text-decoration:none;font-weight:bold;color:#444;}
.container{max-width:1100px;margin:auto;padding:40px 20px;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
.card{background:white;padding:25px;border-radius:12px;box-shadow:0 5px 18px rgba(0,0,0,.08);text-decoration:none;color:#333;}
.form{background:#fafaff;padding:25px;border-radius:10px;border:1px solid #eee;margin-top:30px;}
.form input,.form textarea{width:100%;padding:10px;margin-top:6px;margin-bottom:15px;border-radius:6px;border:1px solid #ccc;}
button{background:#6a4cff;color:white;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;}
footer{margin-top:80px;padding:30px;text-align:center;color:#777;}