/* ============================================================
   Masood Software & Hardware — Custom Styles
   Glassmorphism, ambient blob animations, and dark-mode overrides.
   Tailwind CSS handles all utility classes via CDN in index.html.
   ============================================================ */

/* --- Glassmorphism card effect --- */
.glass {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.dark .glass {
  background: rgba(15, 23, 42, 0.6);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

/* --- Ambient floating blob decoration --- */
.blob {
  filter: blur(80px);
  opacity: 0.25;
  animation: float 10s ease-in-out infinite;
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0px) scale(1);
  }
  50% {
    transform: translateY(-20px) scale(1.05);
  }
}