* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  
  /* Glassmorphism background mesh */
  background: radial-gradient(circle at 10% 20%, rgba(0, 85, 165, 0.08) 0%, transparent 40%),
              radial-gradient(circle at 90% 80%, rgba(255, 140, 0, 0.08) 0%, transparent 40%),
              #f8fafc;
  background-attachment: fixed;
  
  color: #0f172a;
  line-height: 1.65;
}

/* ===== CONTENT PROTECTION ===== */
body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

img {
  pointer-events: none;
}

/* ===== FLOATING BACKGROUND ORBS ===== */
.bg-orb {
  position: fixed;
  border-radius: 50%;
  filter: blur(90px);
  z-index: -1; /* Keeps them behind your content */
  animation: floatOrb 20s infinite alternate ease-in-out;
  pointer-events: none; /* Prevents them from blocking clicks */
}

.orb-1 {
  width: 450px; height: 450px;
  background: rgba(0, 85, 165, 0.3); /* Brand Navy */
  top: -100px; left: -100px;
}

.orb-2 {
  width: 550px; height: 550px;
  background: rgba(255, 140, 0, 0.2); /* Brand Orange */
  bottom: -150px; right: -100px;
  animation-delay: -5s; /* Offsets the animation */
}

@keyframes floatOrb {
  0% { transform: translate(0, 0) scale(1); }
  100% { transform: translate(150px, 100px) scale(1.2); }
}