/* Dini & Faqih Premium Loader V4 */
.state.dini-premium-loader{
  min-height:100vh;
  min-height:100dvh;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  padding:28px;
  background:
    radial-gradient(circle at 50% 45%,rgba(251,124,170,.085),transparent 34%),
    linear-gradient(180deg,#fbf8f6 0%,#f6f1ee 100%);
  color:#7f7069;
  text-align:center;
  overflow:hidden;
}
.dini-premium-loader__inner{
  width:min(92vw,620px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  will-change:transform,opacity;
  transform:translateZ(0);
  animation:diniLoaderEnter .72s cubic-bezier(.22,1,.36,1) both;
}
.dini-premium-loader__logo{
  display:block;
  width:min(78vw,520px);
  height:auto;
  max-height:210px;
  user-select:none;
  pointer-events:none;
  will-change:transform,opacity,clip-path;
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  clip-path:inset(0 100% 0 0);
  -webkit-clip-path:inset(0 100% 0 0);
  animation:
    diniLoaderLogoReveal 2.05s cubic-bezier(.22,1,.36,1) .12s both,
    diniLoaderLogoBreathe 4.8s cubic-bezier(.45,0,.55,1) 2.35s infinite;
}
.dini-premium-loader__copy{
  margin:0;
  font:500 clamp(11px,1.4vw,13px)/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.075em;
  color:#8a7b74;
  opacity:.88;
  will-change:transform,opacity;
  animation:diniLoaderCopy .72s cubic-bezier(.22,1,.36,1) .42s both;
}
.dini-premium-loader__dot{
  width:4px;height:4px;border-radius:999px;
  background:#fb7caa;
  box-shadow:-10px 0 0 rgba(251,124,170,.26),10px 0 0 rgba(251,124,170,.26);
  will-change:transform,opacity;
  animation:diniLoaderDot 1.8s cubic-bezier(.45,0,.55,1) .75s infinite;
}
@keyframes diniLoaderEnter{
  from{opacity:0;transform:translate3d(0,10px,0) scale(.992)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes diniLoaderCopy{
  from{opacity:0;transform:translate3d(0,6px,0)}
  to{opacity:.88;transform:translate3d(0,0,0)}
}
@keyframes diniLoaderLogoReveal{
  0%{
    clip-path:inset(0 100% 0 0);
    -webkit-clip-path:inset(0 100% 0 0);
  }
  14%{
    clip-path:inset(0 84% 0 0);
    -webkit-clip-path:inset(0 84% 0 0);
  }
  28%{
    clip-path:inset(0 70% 0 0);
    -webkit-clip-path:inset(0 70% 0 0);
  }
  42%{
    clip-path:inset(0 58% 0 0);
    -webkit-clip-path:inset(0 58% 0 0);
  }
  56%{
    clip-path:inset(0 42% 0 0);
    -webkit-clip-path:inset(0 42% 0 0);
  }
  70%{
    clip-path:inset(0 28% 0 0);
    -webkit-clip-path:inset(0 28% 0 0);
  }
  84%{
    clip-path:inset(0 14% 0 0);
    -webkit-clip-path:inset(0 14% 0 0);
  }
  100%{
    clip-path:inset(0 0 0 0);
    -webkit-clip-path:inset(0 0 0 0);
  }
}
@keyframes diniLoaderLogoBreathe{
  0%,100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
  50%{opacity:.985;transform:translate3d(0,0,0) scale(1.006)}
}
@keyframes diniLoaderDot{
  0%,100%{opacity:.34;transform:translate3d(0,0,0)}
  50%{opacity:.96;transform:translate3d(0,0,0)}
}
.state.dini-premium-loader[data-phase="settling"] .dini-premium-loader__logo,
.state.dini-premium-loader[data-phase="settling"] .dini-premium-loader__dot{
  animation-play-state:paused!important;
}
@media (max-width:480px){
  .state.dini-premium-loader{padding:22px}
  .dini-premium-loader__inner{gap:10px}
  .dini-premium-loader__logo{width:min(84vw,360px);max-height:170px}
  .dini-premium-loader__copy{font-size:11px;letter-spacing:.06em}
}
@media (prefers-reduced-motion:reduce){
  .dini-premium-loader__inner,.dini-premium-loader__logo,.dini-premium-loader__copy,.dini-premium-loader__dot{animation:none!important}
  .dini-premium-loader__logo{clip-path:none!important;-webkit-clip-path:none!important}
}