:root{--navy:#0B1F3A;--gold:#C9A84C;--gold-light:#E4C97A;--cream:#FAF8F4;--text-mid:#3A5070;--text-light:#6B8099;--shadow:0 4px 20px rgba(11,31,58,.08);--shadow-lg:0 8px 40px rgba(11,31,58,.12)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'DM Sans',sans-serif;color:var(--text-mid);background:#fff;line-height:1.6}
h1{font-family:'Cormorant Garamond',serif;font-weight:300;color:var(--navy)}
a{color:var(--gold);text-decoration:none;transition:color .3s}
a:hover{color:var(--gold-light)}

/* Nav */
nav{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);height:68px;display:flex;align-items:center;box-shadow:var(--shadow)}
.nw{max-width:1200px;width:100%;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}
.logo{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:500;color:var(--navy)}
.logo .w{color:var(--gold)}
nav ul{display:flex;list-style:none;gap:2rem;align-items:center}
nav ul a{color:var(--text-mid);font-size:.95rem;font-weight:500}
nav ul a:hover{color:var(--gold)}
.ncta{background:var(--navy) !important;color:#fff !important;padding:.6rem 1.2rem;border-radius:4px;font-weight:500}
.ncta:hover{background:var(--gold) !important;color:var(--navy) !important}

/* Hero */
.hero{background:linear-gradient(135deg,var(--navy) 0%,#0D2851 100%);padding:5rem 2rem 3.5rem;text-align:center}
.htag{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--gold-light);margin-bottom:.8rem;text-transform:uppercase;letter-spacing:2px}
.hero h1{font-size:3rem;color:#fff;margin-bottom:.8rem}
.hero p{color:var(--gold-light);font-size:1rem;margin-bottom:1.5rem}
.bcrumb a{color:rgba(255,255,255,.6);font-size:.88rem}
.bcrumb a:hover{color:var(--gold)}

/* Card */
section{padding:4rem 2rem}
.card{background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);padding:2.5rem;max-width:560px;margin:0 auto;border-top:4px solid var(--gold)}
.cname{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:500;color:var(--navy);margin-bottom:.3rem}
.crole{color:var(--gold);font-size:.82rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:2rem}
.crow{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.2rem}
.ci{width:38px;height:38px;background:var(--cream);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ci svg{width:17px;height:17px;stroke:var(--gold);fill:none;stroke-width:2}
.cl{font-size:.76rem;color:var(--text-light);margin-bottom:.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.cv{font-size:1rem;color:var(--navy);font-weight:500}
.cv a{color:var(--navy)}
.cv a:hover{color:var(--gold)}
.divider{border:none;border-top:1px solid #EEE;margin:2rem 0}

/* Buttons */
.btns{display:flex;flex-wrap:wrap;gap:.8rem}
.bwa{display:inline-flex;align-items:center;gap:.6rem;background:#25D366;color:#fff;padding:.9rem 1.8rem;border-radius:6px;font-weight:600;font-size:.92rem;transition:background .3s}
.bwa:hover{background:#1dbb59;color:#fff}
.bwa svg{width:20px;height:20px;fill:#fff;flex-shrink:0}
.bcall{display:inline-flex;align-items:center;gap:.6rem;background:var(--navy);color:#fff;padding:.9rem 1.8rem;border-radius:6px;font-weight:600;font-size:.92rem;transition:background .3s}
.bcall:hover{background:var(--gold);color:var(--navy)}
.bcall svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0}

/* Back link */
.back{text-align:center;margin-top:2.5rem}
.back a{color:var(--text-light);font-size:.9rem}
.back a:hover{color:var(--gold)}

/* Footer */
footer{background:var(--navy);padding:2rem;text-align:center}
.fb{font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:var(--gold);margin-bottom:.4rem}
footer p{color:var(--gold-light);font-size:.85rem;margin-bottom:.4rem}
footer a{color:var(--gold)}

/* Responsive */
@media(max-width:700px){
  .hero h1{font-size:2rem}
  nav ul{display:none}
  .card{padding:1.5rem}
}