/* OASIS GLASS — Crystal Sparkles v1.7.2
   Decorative optical glints only. No layout sizing/position overrides. */
:root{
  --og-sparkle-white:rgba(255,255,255,.98);
  --og-sparkle-ice:rgba(191,244,255,.96);
  --og-sparkle-cyan:rgba(84,225,239,.82);
}

.og-sparkle-host{
  position:relative;
  isolation:isolate;
}
.og-site-sparkle{
  --spark-x:12%;
  --spark-y:18%;
  --spark-size:22px;
  --spark-delay:0s;
  --spark-duration:4.8s;
  position:absolute;
  z-index:42;
  left:var(--spark-x);
  top:var(--spark-y);
  width:var(--spark-size);
  height:var(--spark-size);
  transform:translate(-50%,-50%) scale(.12) rotate(0deg);
  opacity:0;
  pointer-events:none;
  filter:drop-shadow(0 0 4px rgba(255,255,255,.96)) drop-shadow(0 0 10px rgba(92,220,239,.45));
  animation:ogCrystalTwinkle var(--spark-duration) cubic-bezier(.3,.03,.2,1) var(--spark-delay) infinite;
}
.og-site-sparkle::before,
.og-site-sparkle::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:linear-gradient(180deg,var(--og-sparkle-white),var(--og-sparkle-ice));
  box-shadow:0 0 8px rgba(255,255,255,.7);
}
.og-site-sparkle::before{width:15%;height:100%}
.og-site-sparkle::after{width:100%;height:15%}
.og-site-sparkle > i{
  position:absolute;
  inset:50% auto auto 50%;
  width:52%;
  height:52%;
  transform:translate(-50%,-50%) rotate(45deg);
  opacity:.72;
}
.og-site-sparkle > i::before,
.og-site-sparkle > i::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:rgba(213,250,255,.9);
}
.og-site-sparkle > i::before{width:12%;height:100%}
.og-site-sparkle > i::after{width:100%;height:12%}

@keyframes ogCrystalTwinkle{
  0%,64%,100%{opacity:0;transform:translate(-50%,-50%) scale(.10) rotate(0deg)}
  71%{opacity:.28;transform:translate(-50%,-50%) scale(.42) rotate(8deg)}
  77%{opacity:1;transform:translate(-50%,-50%) scale(1.04) rotate(20deg)}
  82%{opacity:.92;transform:translate(-50%,-50%) scale(.72) rotate(30deg)}
  87%{opacity:1;transform:translate(-50%,-50%) scale(1.18) rotate(42deg)}
  94%{opacity:0;transform:translate(-50%,-50%) scale(.18) rotate(56deg)}
}

/* A quieter miniature glint near polished image corners. */
.og-site-sparkle.is-mini{
  filter:drop-shadow(0 0 3px white) drop-shadow(0 0 7px rgba(86,210,238,.35));
}
.og-site-sparkle.is-cyan::before,
.og-site-sparkle.is-cyan::after{
  background:linear-gradient(180deg,#fff,#d8fbff 58%,#9ceef3);
}

/* Make the stars feel embedded in premium glass rather than floating above the UI. */
.hero-card-main .og-site-sparkle,
.page-hero-image-glass .og-site-sparkle,
.catalog-shell .og-site-sparkle,
.ceo .og-site-sparkle,
.site-header .og-site-sparkle,
.site-footer .og-site-sparkle{
  mix-blend-mode:screen;
}

/* Small ambient glimmer at the very edge of some glass surfaces on hover. */
.og-glass-fx:hover > .og-site-sparkle{
  animation-duration:3.4s;
}

html[data-theme="dark"] .og-site-sparkle{
  filter:drop-shadow(0 0 5px rgba(255,255,255,.82)) drop-shadow(0 0 12px rgba(0,188,191,.55));
}

@media (max-width:760px){
  .og-site-sparkle{opacity:.82;--spark-size:16px}
  .og-site-sparkle[data-mobile-hide="1"]{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  .og-site-sparkle{display:none!important}
}