:root{--charcoal:#333333;--heading:#ffd21e;--steel:#4682B4;--white:#ffffff;--btn:#ffd21e;--btntext:#333333}
*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;background:#ffffff;color:var(--steel);}
.header{background:var(--charcoal);color:var(--white);padding:18px;text-align:center}
.logo{max-width:260px;display:block;margin:0 auto}
nav{background:transparent;padding:12px 0;border-bottom:1px solid rgba(0,0,0,0.05)}
nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:18px}
nav a{color:var(--charcoal);text-decoration:none;font-weight:600;padding:6px 8px}
nav a:hover{color:var(--btn)}
.banner{position:relative;height:320px;overflow:hidden}
.banner img{position:absolute;left:0;top:0;width:100%;height:320px;object-fit:cover;transition:opacity .6s}
.container{max-width:1100px;margin:28px auto;padding:0 16px}
h1,h2,h3,h4{color:var(--charcoal);margin:0 0 12px}
p,li,span{color:var(--steel)}
.columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.card{background:#fff;padding:14px;border-radius:10px;border:1px solid #f0ebe6;box-shadow:0 2px 6px rgba(0,0,0,0.08);text-align:center}
.gallery-img{width:100%;height:200px;object-fit:cover;border-radius:8px}
.btn{display:inline-block;padding:10px 18px;border-radius:30px;background:var(--btn);color:var(--btntext);text-decoration:none;border:none;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.12);}
.btn.secondary{background:#f0f0f0;color:#333}
.form-box{background:#fff;padding:18px;border-radius:10px;border:1px solid #f0e9e0;box-shadow:0 2px 6px rgba(0,0,0,0.06);max-width:700px;margin:16px auto}
.input, textarea{width:100%;padding:10px;border:1px solid #e6dcc7;border-radius:6px;margin-bottom:12px;font-size:15px}
label{display:block;margin-bottom:6px;color:var(--charcoal);font-weight:700}
.helper-text{font-size:0.95rem;color:var(--steel);margin-top:-8px;margin-bottom:12px}
.pagination{display:flex;justify-content:center;gap:8px;margin:24px 0}
.pagination a{padding:8px 12px;border-radius:8px;background:#fff;color:#333;text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,0.12)}
footer{background:var(--charcoal);color:var(--white);padding:18px;text-align:center;margin-top:30px}
@media(max-width:768px){.banner{height:220px}.gallery-img{height:140px}nav ul{flex-wrap:wrap}}