body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:#fff;color:#1e1e1e;line-height:1.6}
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* NAV (Desktop) */
.nav{
  position:sticky;top:0;z-index:10;
  display:flex;align-items:center;justify-content:center;
  gap:18px;padding:14px 14px;background:#fff;
  box-shadow:0 2px 12px rgba(0,0,0,.08);
}
.nav .brand{
  font-weight:800; letter-spacing:.2px;
  text-decoration:none;color:#1e1e1e;
  margin-right:auto;
}
.nav-menu{
  display:flex;align-items:center;gap:18px;
}
.nav-menu a{
  text-decoration:none;color:#1e1e1e;font-weight:600;
}
.nav-menu a:hover{ color:#ff6a00; }

/* Burger hidden on desktop */
.nav-toggle{
  display:none;
  background:transparent;border:0;cursor:pointer;
  padding:10px;border-radius:10px;
}
.nav-toggle .bar{
  display:block;width:22px;height:2px;background:#1e1e1e;margin:5px 0;
}

/* MOBILE */
@media (max-width: 860px){
  .nav{
    justify-content:space-between;
  }
  .nav-toggle{ display:block; }
  .nav-menu{
    position:absolute;
    left:12px; right:12px; top:62px;
    display:none;
    flex-direction:column;
    gap:0;
    background:#fff;
    border-radius:14px;
    box-shadow:0 18px 40px rgba(0,0,0,.18);
    overflow:hidden;
  }
  .nav-menu a{
    padding:14px 14px;
    border-top:1px solid #eef0f2;
  }
  .nav-menu a:first-child{ border-top:0; }
  .nav-menu.open{ display:flex; }
}

header{max-width:1200px;margin:0 auto;padding:70px 20px;text-align:center}
header img{width:100%;max-height:420px;object-fit:cover;border-radius:14px;margin-top:18px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
section{max-width:1200px;margin:0 auto;padding:60px 20px}
h1{font-size:3rem;margin:0 0 10px}
h2{font-size:2rem;margin:0 0 25px;text-align:center}
p{max-width:900px;margin:0 auto 18px}
.highlight{background:#1f3a5f;color:#fff;border-radius:14px;padding:45px 22px;text-align:center}
.highlight img{width:100%;max-width:720px;margin-top:16px;border-radius:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:25px}
.card{background:#fff;border-radius:14px;box-shadow:0 8px 22px rgba(0,0,0,.08);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(0,0,0,.14)}
.card img{width:100%;height:220px;object-fit:cover}
.card-content{padding:18px}
table{width:100%;border-collapse:collapse;margin-top:20px}
th,td{border:1px solid #e5e7eb;padding:12px;text-align:left;vertical-align:top}
th{background:#f5f6f7}
td img{width:260px;max-width:100%;border-radius:10px}
form{display:flex;flex-direction:column;gap:10px;max-width:520px;margin:0 auto}
input,textarea{padding:12px;border:1px solid #d1d5db;border-radius:10px;font-size:1rem}
textarea{min-height:140px;resize:vertical}
button{padding:12px 16px;border:none;border-radius:10px;background:#ff6a00;color:#fff;font-weight:700;cursor:pointer}
button:hover{filter:brightness(.95)}
footer{padding:25px 12px;text-align:center;background:#1e1e1e;color:#fff;margin-top:30px}