:root{--ring:rgba(33,99,186,.18)}
html{scroll-behavior:smooth}
body{font-size:18px}
.parallax-hero{
  background-image:url('images/hero-parallax.jpg');
  background-attachment:fixed;
  background-position:center;
  background-size:cover;
}
.glass{
  backdrop-filter:saturate(140%) blur(10px);
  background:rgba(255,255,255,.72);
  border:1px solid rgba(226,232,240,.9);
}
.shadow-soft{box-shadow:0 18px 50px rgba(2,6,23,.10)}
.focus-ring:focus{outline:none;box-shadow:0 0 0 6px var(--ring)}
.modal-backdrop{background:rgba(2,6,23,.55)}