@import url('../../shared/base.css');
:root{
  --font-heading:'Georgia',serif;--font-body:'Segoe UI',sans-serif;
  --accent-1:#1e3a5f;--accent-2:#7fd9d9;--bg:#eaf3f7;--text:#132635;
  --header-bg:rgba(255,255,255,.55);--nav-bg:rgba(255,255,255,.35);
  --card-bg:rgba(255,255,255,.55);--stats-bg:rgba(255,255,255,.4);--border:rgba(255,255,255,.6);
  --hero-bg:linear-gradient(135deg,#1e3a5f,#3f7ea6);--hero-text:#fff;--footer-bg:#12283a;
}
body{background:linear-gradient(160deg,#dff1f5,#c9e4ee 40%,#e9f6f2)}
.site-header,.card,.stats-bar,.enquiry-form,blockquote,details{
  backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);
  border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px rgba(31,60,90,.15);
}
.card,blockquote,details{border-radius:18px}
.hero-fx{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.35),transparent 60%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.25),transparent 60%)}
.hero{backdrop-filter:blur(2px)}
.btn{backdrop-filter:blur(6px)}