/* Astrology-Vsem — modern enhancement layer (starfield hero + scroll reveal + micro-interactions) */

/* ---------- Hero starfield ---------- */
/* Positioning context is the outer record wrapper, NOT .t-cover itself —
   Tilda's cover/parallax script indexes .t-cover's own children, so we must
   never insert siblings inside it (see modern-enhance.js for details). */
#rec27881530 {
  position: relative;
  overflow: hidden;
}
#starfield {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  pointer-events: none;
  mix-blend-mode: screen;
}

/* Slow-drifting glow behind the title — makes the hero read as alive even in a static screenshot */
#rec27881530::before {
  content: "";
  position: absolute;
  inset: -20%;
  z-index: 4;
  pointer-events: none;
  background: radial-gradient(circle at 50% 45%, rgba(232, 200, 116, 0.30), rgba(124, 108, 246, 0.16) 38%, transparent 65%);
  animation: mx-glow-pulse 7s ease-in-out infinite;
}

@keyframes mx-glow-pulse {
  0%, 100% { opacity: 0.55; transform: scale(1); }
  50%      { opacity: 1;    transform: scale(1.08); }
}

#rec27881530 .t153__uptitle {
  animation: mx-fade-in 1s ease .15s both;
  letter-spacing: .14em;
  text-transform: uppercase;
}
#rec27881530 .t153__title {
  text-shadow: 0 0 26px rgba(232, 200, 116, 0.45), 0 2px 14px rgba(0, 0, 0, 0.55);
  animation: mx-title-in 1.1s cubic-bezier(.19,1,.22,1) both;
}
#rec27881530 .t153__descr {
  animation: mx-fade-in 1.1s ease .35s both;
}

@keyframes mx-title-in {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes mx-fade-in {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ---------- Scroll-reveal for content blocks ---------- */
.mx-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .8s cubic-bezier(.19,1,.22,1), transform .8s cubic-bezier(.19,1,.22,1);
  transition-delay: var(--mx-delay, 0ms);
  will-change: opacity, transform;
}
.mx-reveal.mx-in {
  opacity: 1;
  transform: translateY(0);
}

/* ---------- Warmer micro-interactions ---------- */
.t585__trigger-button,
.t-btn,
a.t-submit,
button.t-submit {
  transition: transform .35s cubic-bezier(.19,1,.22,1), box-shadow .35s ease, filter .35s ease;
}
.t585__header:hover .t585__trigger-button {
  transform: translateX(4px);
}
.t-btn:hover,
a.t-submit:hover,
button.t-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(31, 91, 255, 0.32);
  filter: brightness(1.05);
}

/* ---------- Respect reduced-motion preference ---------- */
@media (prefers-reduced-motion: reduce) {
  #starfield { display: none; }
  .mx-reveal,
  #rec27881530 .t153__title,
  #rec27881530 .t153__uptitle,
  #rec27881530 .t153__descr {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}