:root {
  --navy: #0b2a4a;
  --teal: #00b3a4;
  --pink: #ff2d7a;
  --gold: #d4a24c;
  --bg: #f7f9fb;
}
body {margin:0;font-family:Poppins,sans-serif;background:var(--bg);color:var(--navy);}nav{display:flex;justify-content:space-between;padding:20px 40px;background:white;}nav a{margin:0 10px;text-decoration:none;color:var(--navy);} .btn{background:linear-gradient(90deg,var(--teal),var(--pink));color:white;padding:12px 24px;border-radius:30px;text-decoration:none;} .hero{text-align:center;padding:100px 20px;} .section{padding:60px 20px;} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;} .card{background:white;padding:20px;border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,0.05);} footer{text-align:center;padding:40px;}