:root {
  --navy:      #0A1628;
  --blue:      #60A5FA;
  --blue-deep: #1D4ED8;
  --blue-muted:#A8C0D8;
  --white:     #FFFFFF;
  --off-white: #F0F6FF;
  --text-muted:#6B8FAF;
  --border:    rgba(96,165,250,0.15);
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top: 90px; }
body { font-family:'DM Sans',sans-serif; background:#fff; color:#0A1628; }
img { max-width:100%; display:block; }
a { text-decoration:none; }
ul { list-style:none; }
.container { max-width:1100px; margin:0 auto; padding:0 5%; }

/* --- WhatsApp Floating Button --- */
.whatsapp-float {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 999;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  background: #25D366;
  color: #fff;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  padding: 0.75rem 1.2rem;
  border-radius: 50px;
  box-shadow: 0 4px 20px rgba(37,211,102,0.4);
  text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s;
}
.whatsapp-float:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 28px rgba(37,211,102,0.5);
}
.whatsapp-float svg { width: 20px; height: 20px; flex-shrink: 0; }
@media (max-width: 480px) {
  .whatsapp-float span { display: none; }
  .whatsapp-float { padding: 0.85rem; border-radius: 50%; }
}