/* base.css - Reset and base styles */
:root{
  --primary: #0b5f8a;
  --secondary: #2aa198;
  --accent: #ffb86b;
  --bg: #f7fbfc;
  --text: #0f1720;
  --radius: 12px;
  --maxw: 1100px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;color:var(--text);background:var(--bg);}
a{color:inherit;text-decoration:none}
.container{max-width:var(--maxw);margin:0 auto;padding:2rem;}
.header{position:fixed;top:0;left:0;right:0;backdrop-filter:saturate(120%) blur(6px);background:linear-gradient(180deg, rgba(255,255,255,0.6), rgba(255,255,255,0.4));border-bottom:1px solid rgba(15,23,32,0.04);z-index:40}
.header .container{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem}
.logo{display:flex;align-items:center;gap:.75rem}
.logo img{height:44px}
.nav{display:flex;gap:1rem;align-items:center}
.cta{background:var(--primary);color:white;padding:.6rem 1rem;border-radius:10px;font-weight:600}
main{padding-top:100px}

/* Utilities */
.grid{
  display:grid;
  gap:1rem;
}
.card{background:white;border-radius:var(--radius);padding:1.25rem;box-shadow:0 6px 20px rgba(11,95,138,0.06);}
.footer{padding:2rem 0;border-top:1px solid rgba(15,23,32,0.04);margin-top:3rem;background:transparent}