/* ULTIPIN animated gradient wordmark — steel-blue / slate */



.ultipin-wordmark {

  font-family: 'Arial Black', Gadget, sans-serif;

  display: inline-flex;

  align-items: center;

  line-height: 1;

  max-width: 100%;

  flex-shrink: 0;

}



.ultipin-wordmark__text {

  display: inline-block;

  letter-spacing: -0.02em;

  background-image: linear-gradient(

    125deg,

    #0B1220 0%,

    #1E293B 14%,

    #0F172A 28%,

    #1D4ED8 44%,

    #2563EB 58%,

    #334155 72%,

    #1E3A8A 86%,

    #0B1220 100%

  );

  background-size: 280% 280%;

  animation: ultipin-wordmark-shift 10s ease-in-out infinite;

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

  -webkit-text-fill-color: transparent;

}



[data-theme="dark"] .ultipin-wordmark__text {

  background-image: linear-gradient(

    125deg,

    #0B1220 0%,

    #1E293B 14%,

    #334155 28%,

    #2563EB 44%,

    #64748B 58%,

    #94A3B8 72%,

    #1E3A8A 86%,

    #0B1220 100%

  );

}



@keyframes ultipin-wordmark-shift {

  0%,

  100% {

    background-position: 0% 40%;

  }

  50% {

    background-position: 100% 60%;

  }

}



.ultipin-wordmark--sidebar .ultipin-wordmark__text {

  font-size: 1.4rem;

}



.ultipin-wordmark--auth .ultipin-wordmark__text {

  font-size: 1.6rem;

}



.ultipin-wordmark--compact .ultipin-wordmark__text {

  font-size: 1.2rem;

}



@media (min-width: 768px) {

  .ultipin-wordmark--sidebar .ultipin-wordmark__text {

    font-size: 1.6rem;

  }



  .ultipin-wordmark--auth .ultipin-wordmark__text {

    font-size: 1.8rem;

  }

}



@media (max-width: 767px) {

  .ultipin-wordmark {

    font-family: Inter, 'Arial Black', Gadget, sans-serif;

  }



  .ultipin-wordmark__text {

    font-weight: 900;

  }

}



@media (prefers-reduced-motion: reduce) {

  .ultipin-wordmark__text {

    animation: none;

    background-position: 50% 50%;

  }

}



.brand-logo .ultipin-wordmark {

  max-width: 8.8rem;

}



.header-mobile .ultipin-wordmark {

  max-width: 7.2rem;

}