/* ----------------------------------------------------------------
	Custom CSS for MIMO Agencja Interaktywna
	Canvas Template Add-on
-----------------------------------------------------------------*/

/* Gradient text accents */
.text-gradient-mimo {
  background: linear-gradient(135deg, #2c97de 0%, #6c5ce7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-cyan {
  background: linear-gradient(135deg, #2c97de 0%, #00cec9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Hero animated background blobs */
.bg-blob-1 {
  position: absolute;
  top: 5%;
  left: 20%;
  width: 450px;
  height: 450px;
  background: rgba(44, 151, 222, 0.12);
  filter: blur(80px);
  border-radius: 50%;
  z-index: 0;
  animation: blobFloat 9s infinite ease-in-out;
}

.bg-blob-2 {
  position: absolute;
  top: 10%;
  right: 15%;
  width: 420px;
  height: 420px;
  background: rgba(108, 92, 231, 0.12);
  filter: blur(80px);
  border-radius: 50%;
  z-index: 0;
  animation: blobFloat 11s infinite ease-in-out reverse;
}

@keyframes blobFloat {
  0% { transform: translate(0px, 0px) scale(1); }
  33% { transform: translate(25px, -35px) scale(1.05); }
  66% { transform: translate(-20px, 20px) scale(0.95); }
  100% { transform: translate(0px, 0px) scale(1); }
}

/* Subtle transitions for buttons and cards */
a, button {
  transition: all 0.25s ease-in-out;
}

/* Paper clip aesthetic for contact card */
.contact-paperclip {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 60px;
  border: 4px solid rgba(255, 255, 255, 0.4);
  border-radius: 20px;
  pointer-events: none;
}