/* Icikiwir Developer Signature - Premium clean watermark */
.hiro-signature{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:999999;
  isolation:isolate;
  pointer-events:auto;
  animation:hiroSignatureIn .7s cubic-bezier(.22,1,.36,1) both;
}

.hiro-signature a{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:9px 14px 9px 11px;
  overflow:hidden;
  border-radius:999px;
  text-decoration:none;
  color:#fff;
  background:
    linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.04)),
    rgba(8,10,18,.62);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:
    0 16px 45px rgba(0,0,0,.34),
    0 0 0 1px rgba(96,165,250,.04),
    inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(18px) saturate(170%);
  -webkit-backdrop-filter:blur(18px) saturate(170%);
  transition:
    transform .24s cubic-bezier(.22,1,.36,1),
    border-color .24s ease,
    box-shadow .24s ease,
    background .24s ease;
}

.hiro-signature a::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  background:
    radial-gradient(circle at 18% 18%, rgba(96,165,250,.40), transparent 34%),
    radial-gradient(circle at 82% 78%, rgba(168,85,247,.32), transparent 36%);
  opacity:.72;
  filter:blur(1px);
}

.hiro-signature a::after{
  content:"";
  position:absolute;
  top:0;
  left:-80%;
  width:55%;
  height:100%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  transform:skewX(-18deg);
  transition:left .55s ease;
}

.hiro-signature a:hover{
  transform:translateY(-3px);
  border-color:rgba(147,197,253,.32);
  box-shadow:
    0 22px 58px rgba(0,0,0,.42),
    0 0 34px rgba(96,165,250,.16),
    inset 0 1px 0 rgba(255,255,255,.16);
}

.hiro-signature a:hover::after{
  left:125%;
}

.hiro-dot{
  width:26px;
  height:26px;
  flex:0 0 26px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:
    linear-gradient(135deg, #60a5fa, #8b5cf6 55%, #ec4899);
  box-shadow:
    0 0 18px rgba(96,165,250,.58),
    inset 0 1px 0 rgba(255,255,255,.35);
}

.hiro-dot::before{
  content:"H";
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.4px;
  color:#fff;
}

.hiro-text{
  display:flex;
  flex-direction:column;
  line-height:1.05;
  font-weight:800;
  letter-spacing:.2px;
  color:rgba(255,255,255,.92);
}

.hiro-text::before{
  content:"crafted by";
  margin-bottom:3px;
  font-size:8px;
  font-weight:700;
  letter-spacing:1.35px;
  text-transform:uppercase;
  color:rgba(255,255,255,.46);
}

.hiro-text{
  font-size:13px;
}

@keyframes hiroSignatureIn{
  from{
    opacity:0;
    transform:translate3d(0,10px,0) scale(.96);
  }
  to{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
  }
}

@media(max-width:768px){
  .hiro-signature{
    right:12px;
    bottom:12px;
  }

  .hiro-signature a{
    min-height:38px;
    padding:8px 12px 8px 9px;
  }

  .hiro-dot{
    width:23px;
    height:23px;
    flex-basis:23px;
  }

  .hiro-dot::before{
    font-size:11px;
  }

  .hiro-text{
    font-size:12px;
  }

  .hiro-text::before{
    font-size:7px;
    letter-spacing:1.15px;
  }
}