/* Custom Styles Thaik Modas */
body {
  font-family: 'Poppins', sans-serif;
  overflow-x: hidden;
}

.hero-banner-bg {
  background: radial-gradient(ellipse 90% 70% at 50% 20%, #d8fcf4 0%, #ebfbf8 45%, #ffffff 85%);
}

.btn-gradient-3d {
  background: linear-gradient(180deg, #02b3a0 0%, #008779 100%);
  box-shadow: 0 4px 12px rgba(0, 168, 150, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}
.btn-gradient-3d:hover {
  background: linear-gradient(180deg, #02c5b0 0%, #009888 100%);
  box-shadow: 0 6px 16px rgba(0, 168, 150, 0.45);
}

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Borda Instagram */
.insta-gradient-border {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.story-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.story-card:hover {
  transform: translateY(-6px);
}

/* Trilho com GPU Transform para rolagem suave */
#stories-track {
  transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
}