
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Playfair+Display:wght@600&display=swap');
*{box-sizing:border-box}
body{margin:0;font-family:'Inter',sans-serif;color:#1f2937;background:#ffffff;line-height:1.6}
header{position:sticky;top:0;background:#0B1F3A;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:18px 60px;z-index:1000}
nav a{color:#fff;margin-left:24px;text-decoration:none;font-weight:500}
.hero{padding:140px 60px;background:linear-gradient(rgba(11,31,58,.85),rgba(11,31,58,.9)),url('https://images.unsplash.com/photo-1507679799987-c73779587ccf') center/cover;color:#fff}
.hero h1{font-family:'Playfair Display';font-size:54px;margin-bottom:20px}
.hero p{max-width:700px;font-size:18px}
.btn{display:inline-block;margin-top:20px;padding:14px 28px;background:#C8A96A;color:#fff;text-decoration:none;border-radius:6px}
.section{padding:90px 60px}
.section h2{font-family:'Playfair Display';font-size:36px;margin-bottom:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.card{background:#f9fafb;padding:26px;border-radius:14px}
.image{width:100%;border-radius:10px;margin-bottom:16px}
.cta{padding:90px 60px;background:#C8A96A;color:#fff;text-align:center}
footer{background:#0B1F3A;color:#fff;text-align:center;padding:28px;margin-top:40px}
