@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/static/fonts/ba9851c3c22cd980-s.woff2) format("woff2");
  unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f,
    u+fe2e-fe2f;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/static/fonts/21350d82a1f187e9-s.woff2) format("woff2");
  unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/static/fonts/c5fe6dc8356a8c31-s.woff2) format("woff2");
  unicode-range: u+1f??;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/static/fonts/19cfc7226ec3afaa-s.woff2) format("woff2");
  unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1,
    u+03a3-03ff;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/static/fonts/df0a9ae256c0569c-s.woff2) format("woff2");
  unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1,
    u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329,
    u+1ea0-1ef9, u+20ab;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/static/fonts/8e9860b6e62d6359-s.woff2) format("woff2");
  unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff,
    u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020,
    u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/static/fonts/e4af272ccee01ff0-s.p.woff2) format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da,
    u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193,
    u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
  font-family: sans-serif;
  src: local("Arial");
  ascent-override: 90.49%;
  descent-override: 22.56%;
  line-gap-override: 0%;
  size-adjust: 107.06%;
}
.__className_f367f3 {
  font-family: Inter, sans-serif;
  font-style: normal;
}
@keyframes pulse-glow {
  0%,
  to {
    box-shadow: 0 0 20px hsla(0, 0%, 100%, 0.1);
  }
  50% {
    box-shadow: 0 0 30px hsla(0, 0%, 100%, 0.2);
  }
}
@keyframes kenBurns {
  0% {
    transform: scale(1.05) translate(0);
  }
  25% {
    transform: scale(1.08) translate(-1%, -1%);
  }
  50% {
    transform: scale(1.1) translate(1%);
  }
  75% {
    transform: scale(1.08) translateY(1%);
  }
  to {
    transform: scale(1.05) translate(0);
  }
}
@keyframes textGlow {
  0%,
  to {
    text-shadow: 0 0 10px hsla(0, 0%, 100%, 0.1),
      0 0 20px hsla(0, 0%, 100%, 0.05), 0 2px 4px rgba(0, 0, 0, 0.8);
  }
  50% {
    text-shadow: 0 0 15px hsla(0, 0%, 100%, 0.15),
      0 0 25px hsla(0, 0%, 100%, 0.08), 0 2px 4px rgba(0, 0, 0, 0.8);
  }
}
@keyframes shimmer {
  0% {
    background-position: -200%;
  }
  to {
    background-position: 200%;
  }
}
.hero-overlay {
  background: linear-gradient(
    180deg,
    transparent 0,
    rgba(0, 0, 0, 0.1) 20%,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.7) 80%,
    rgba(0, 0, 0, 0.9)
  );
}
.hero-button-primary {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.hero-button-primary:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    hsla(0, 0%, 100%, 0.2),
    transparent
  );
  transition: left 0.5s;
}
.hero-button-primary:hover:before {
  left: 100%;
}
.hero-button-secondary {
  position: relative;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: hsla(0, 0%, 100%, 0.08);
  border: 1px solid hsla(0, 0%, 100%, 0.16);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.hero-button-secondary:hover {
  background: hsla(0, 0%, 100%, 0.16);
  border-color: hsla(0, 0%, 100%, 0.24);
  transform: translateY(-2px);
}
.trending-badge {
  background: linear-gradient(135deg, #3b82f6, #8b5cf6, #ec4899, #3b82f6);
  background-size: 400% 400%;
  animation: gradientShift 4s ease infinite;
}
@keyframes gradientShift {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
@keyframes float {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.float-animation {
  animation: float 6s ease-in-out infinite;
}
.backdrop-blur-enhanced {
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
}
.smooth-transition {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.glass-effect {
  background: hsla(0, 0%, 100%, 0.05);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
.media-info-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 9999px;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  transition: all 0.3s ease;
}
.media-info-item:hover {
  background: rgba(0, 0, 0, 0.5);
  transform: translateY(-1px);
}