:root{
  --gold:#C3A431; --teal:#006C66; --burgundy:#7B1F24;
  --bg:#f8f5f0; --text:#1b1f24; --muted:#6c6f7b;
}
*{box-sizing:border-box}
body{margin:0; font-family:'Inter',sans-serif; background:var(--bg); color:var(--text); min-height:100vh; display:flex; flex-direction:column;}
.hero{position:relative; padding:4rem 1.5rem 3rem; text-align:center; overflow:hidden;}
.halo{position:absolute; inset:-40% -10% auto; height:120%; background:radial-gradient(circle at 50% 20%, rgba(0,108,102,.18), transparent 55%), radial-gradient(circle at 30% 0%, rgba(195,164,49,.25), transparent 60%); filter:blur(2px); opacity:.9;}
.hero__content{position:relative; max-width:720px; margin:0 auto;}
.badge{display:inline-flex; align-items:center; gap:.35rem; padding:.35rem .9rem; border-radius:999px; border:1px solid rgba(0,108,102,.25); font-weight:600; color:var(--teal); background:rgba(255,255,255,.7);}
h1{font-family:'Pacifico',cursive; font-size:clamp(2rem,5vw,3.2rem); margin:1rem 0 .5rem; color:var(--burgundy);}
.lead{font-size:1.05rem; color:var(--muted); margin:0 auto 1.8rem;}
.hero__actions{display:flex; gap:1rem; justify-content:center; flex-wrap:wrap;}
.btn{border:none; border-radius:999px; padding:.85rem 1.8rem; font-weight:600; cursor:pointer; text-decoration:none;}
.btn.primary{background:var(--teal); color:#fff;}
.btn.ghost{border:1px solid rgba(0,0,0,.15); color:var(--text);}
main.grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.5rem; padding:0 1.5rem 3rem; max-width:960px; width:100%; margin:0 auto;}
.card{background:#fff; border-radius:20px; padding:1.5rem; box-shadow:0 20px 45px rgba(0,0,0,.08); display:flex; flex-direction:column; gap:.8rem;}
.card h2{margin:0; font-size:1.35rem; color:var(--teal);}
.card p{margin:0; color:var(--muted);}
.card .link{margin-top:auto; font-weight:600; color:var(--burgundy); text-decoration:none;}
.card .link:hover{text-decoration:underline;}
footer{margin-top:auto; text-align:center; padding:1.5rem; color:var(--muted); font-size:.95rem;}
@media (prefers-color-scheme: dark){
  body{background:#0b0f10; color:#f0f0f0;}
  .card{background:#151a1f;}
  .lead,.card p,footer{color:#b5bcc9;}
  .btn.ghost{color:#f0f0f0; border-color:rgba(255,255,255,.2);}
  .badge{border-color:rgba(195,164,49,.4); background:rgba(0,0,0,.35); color:#fce9be;}
}