:root{--brand:#004080;--brand-2:#cc3366;--text:#333;--bg:#fafafa;}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}
h1,h2,h3{color:var(--brand);font-weight:700}
.lead{font-weight:500}
.hero-cta .btn{padding:.8rem 1.2rem;border-radius:.75rem}
.card{border:0;border-radius:1rem;box-shadow:0 8px 24px rgba(0,0,0,.07)}
.section{padding:4rem 0}
.badge-soft{background:rgba(0,64,128,.08);color:var(--brand);border-radius:.5rem;padding:.25rem .5rem}
footer a{text-decoration:none}
.avatar{width:180px;height:180px;object-fit:cover;border-radius:50%;border:6px solid #fff;box-shadow:0 12px 20px rgba(0,0,0,.12)}
.hero{background:linear-gradient(180deg,#fff,#f3f6fb);padding:7rem 0 4rem 0}
.hero h1 span{color:var(--brand-2)}
.accordion-button:not(.collapsed){color:#000;background:#eef5ff}
.navbar{box-shadow:0 4px 14px rgba(0,0,0,.08)}
.list-check li{margin-bottom:.5rem}
.list-check li::marker{content:"✔ ";color:var(--brand)}

/* Cookie banner */
.cookie-banner{
  position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:1080;
  background:linear-gradient(135deg,#4b6cb7,#182848);
  color:#fff;border-radius:1rem;box-shadow:0 20px 40px rgba(0,0,0,.2);
  padding:1rem 1.25rem;display:none;align-items:center;gap:1rem;
}
.cookie-banner.show{display:flex}
.cookie-banner p{margin:0;flex:1}
.cookie-banner .btn{border-radius:.6rem}