:root{--navy:#123047;--blue:#1e6f8f;--sand:#f4ead8;--cream:#fffaf0;--terra:#c76b3a;--ink:#1e1e1e}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--ink)}
header{background:linear-gradient(135deg,var(--navy),var(--blue));color:white;padding:26px 22px}
.nav{max-width:1150px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.logo{font-size:1.8rem;font-weight:700;letter-spacing:.5px}
nav a{color:white;text-decoration:none;margin:0 8px;font-weight:700;opacity:.92}
nav a:hover{text-decoration:underline;opacity:1}
.hero{background:linear-gradient(rgba(18,48,71,.72),rgba(18,48,71,.72)),url('https://images.unsplash.com/photo-1488646953014-85cb44e25828?auto=format&fit=crop&w=1800&q=80');background-size:cover;background-position:center;color:white;text-align:center;padding:110px 24px}
.hero h1{font-size:clamp(2.4rem,5vw,4.8rem);margin:0 0 18px}
.hero p{max-width:820px;margin:0 auto 34px;font-size:1.35rem;line-height:1.5}
.btn{display:inline-block;background:var(--terra);color:white;padding:14px 24px;border-radius:999px;text-decoration:none;font-weight:700;margin:6px}
.btn.secondary{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.55)}
main{max-width:1150px;margin:auto;padding:54px 24px}
.section-title{text-align:center;margin-bottom:32px}
.section-title h2{font-size:2.2rem;margin:0 0 10px;color:var(--navy)}
.section-title p{color:#555;max-width:780px;margin:auto;line-height:1.5}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.card{background:white;border-radius:18px;padding:26px;box-shadow:0 12px 28px rgba(18,48,71,.12);border:1px solid #eee}
.card h3{color:var(--navy);margin-top:0;font-size:1.45rem}
.card p,.card li{color:#444;line-height:1.55}
.card a{color:var(--blue);font-weight:700;text-decoration:none}
.card a:hover{text-decoration:underline}
.country-hero{background:var(--sand);padding:55px 24px;text-align:center;border-bottom:1px solid #e2d3b8}
.country-hero h1{color:var(--navy);font-size:3rem;margin:0 0 12px}
.country-hero p{max-width:760px;margin:auto;font-size:1.2rem;color:#444}
.callout{background:#fff3df;border-left:6px solid var(--terra);padding:20px;border-radius:12px;margin:28px 0}
.footer{background:var(--navy);color:white;text-align:center;padding:30px 24px;margin-top:40px}
.lockbox{max-width:560px;margin:40px auto;background:white;padding:34px;border-radius:18px;box-shadow:0 12px 28px rgba(18,48,71,.14)}
input{width:100%;padding:14px;border-radius:10px;border:1px solid #bbb;margin:10px 0 16px;font-size:1rem}
button{background:var(--terra);color:white;border:0;padding:13px 22px;border-radius:999px;font-weight:700;cursor:pointer}
.note{font-size:.92rem;color:#666}
@media(max-width:700px){.nav{display:block;text-align:center}nav{margin-top:16px}nav a{display:inline-block;margin:6px 8px}.country-hero h1{font-size:2.25rem}}