@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/assets/fonts/Poppins-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/Poppins-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/Poppins-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/Poppins-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/Poppins-Bold.ttf') format('truetype');
}

#nume-bg-canvas{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  pointer-events:none;
  z-index:-2;
}

[data-tilt]{
  transform-style:preserve-3d;
  will-change:transform;
}

.nume-btn-premium{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.nume-btn-premium::after{
  content:"";
  position:absolute;
  inset:-40%;
  pointer-events:none;
  background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,0) 35%, rgba(255,255,255,0.55) 50%, rgba(255,255,255,0) 65%, transparent 100%);
  transform:translateX(-140%) rotate(8deg);
  opacity:0;
  mix-blend-mode:screen;
  filter:blur(0.5px);
  transition:transform 650ms cubic-bezier(.2,.8,.2,1), opacity 250ms ease;
}

.nume-btn-premium:hover::after,
.nume-btn-premium:focus-visible::after{
  transform:translateX(140%) rotate(8deg);
  opacity:0.9;
}

@media (prefers-reduced-motion: reduce){
  [data-tilt]{
    transform:none !important;
    transition:none !important;
  }

  .nume-btn-premium::after{
    transition:none;
  }

  .nume-btn-premium:hover::after,
  .nume-btn-premium:focus-visible::after{
    transform:none;
    opacity:0.35;
  }
}