:root{
  --brand:#0f3d91; --ink:#0b1020; --ink-2:#334155; --accent:#2ea3f2; --soft:#f7f8fc;
}
body.pearl-bg{
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(255,255,255,0.6), rgba(245,247,250,0) 60%),
    radial-gradient(900px 500px at 0% 110%, rgba(230,234,243,0.75), rgba(245,247,250,0) 60%),
    conic-gradient(from 120deg at 50% 50%,
      rgba(255,255,255,0.95) 0deg,
      rgba(238,240,248,0.95) 60deg,
      rgba(248,250,255,0.95) 120deg,
      rgba(235,239,246,0.95) 180deg,
      rgba(248,250,255,0.95) 240deg,
      rgba(238,240,248,0.95) 300deg,
      rgba(255,255,255,0.95) 360deg);
  background-color:var(--soft);
  color:var(--ink);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.bg-brand{background:var(--brand)!important}
.text-ink-2{color:var(--ink-2)}
.link-ink{color:var(--ink-2);text-decoration:none}
.link-ink:hover{color:var(--ink)}
.hero{padding:5rem 0 3rem}
.hero h1{font-family: 'DM Serif Display', Georgia, serif}
.btn-cta{background:linear-gradient(90deg, var(--accent), #7cc5ff); border:none; color:#001b3a; font-weight:700}
.btn-cta:hover{opacity:.95;color:#001b3a}
.card{border-radius:16px}
.badge-soft{background:#fff;border:1px solid rgba(2,6,23,.08); color:var(--ink-2)}
.form-control, .form-select{border-radius:.6rem}