/* Night-sky hero: the backdrop from the live dreamscometrue.ai home page
   (components/dreamy: "midnight" palette + BackdropLayers), same colours,
   star counts, moon, clouds, shooting star and mountains. */
.hero--night{
  --n0:#0e0822;--n1:#1a1138;--n2:#2d1b50;--n3:#4a2169;--n4:#7a3a6e;
  --n-ink:#fef3e0;--n-accent:#ffd47a;--n-accent2:#ff8fb3;
  background:linear-gradient(180deg,var(--n0) 0%,var(--n1) 25%,var(--n2) 55%,var(--n3) 85%,var(--n4) 100%);
  color:var(--n-ink);
  position:relative;
}
.hero--night .night{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:inherit}
.night__star{position:absolute;border-radius:50%;background:var(--n-ink);animation:night-twinkle ease-in-out infinite}
.night__moon{position:absolute;top:-160px;right:-200px;width:580px;height:580px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#fff4d4 0%,#f4d28a 45%,#c99446 85%);
  box-shadow:0 0 160px #ffd47a40,inset -50px -50px 120px rgba(0,0,0,.3);opacity:.7}
.night__cloud{position:absolute;left:-10%;animation:night-drift linear infinite}
.night__cloud.c1{top:18%;width:260px;height:40px;background:radial-gradient(ellipse at center,#4a2169aa 0%,transparent 70%);filter:blur(8px);animation-duration:70s}
.night__cloud.c2{top:32%;width:340px;height:56px;background:radial-gradient(ellipse at center,#2d1b50cc 0%,transparent 70%);filter:blur(10px);animation-duration:120s;animation-delay:-30s}
.night__shoot{position:absolute;top:20%;left:10%;width:60px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--n-ink));box-shadow:0 0 8px var(--n-ink);
  animation:night-shoot 6s ease-out infinite;animation-delay:3s;opacity:0}
.night__hills{position:absolute;left:0;right:0;bottom:0;height:30%;pointer-events:none;overflow:hidden}
.night__hill{position:absolute;inset:0;will-change:transform}
.night__hill svg{position:absolute;left:0;bottom:0;width:200%;height:100%;overflow:visible;animation:wave-roll 26s linear infinite}
.night__hill path{animation:wave-bob 5s ease-in-out infinite alternate}
.night__hill.h2 path{animation-duration:5.8s;animation-delay:-2s}
.night__hill.h3 path{animation-duration:6.6s;animation-delay:-4s}
@keyframes wave-roll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes wave-bob{from{transform:translateY(-6px)}to{transform:translateY(6px)}}
@keyframes night-twinkle{0%{opacity:.2}50%{opacity:1}100%{opacity:.2}}
@keyframes night-drift{from{transform:translateX(-10%)}to{transform:translateX(110vw)}}
@keyframes night-shoot{
  0%{transform:translate(-20px,20px) rotate(-25deg);opacity:0}
  10%{opacity:1}60%{opacity:1}
  100%{transform:translate(300px,-200px) rotate(-25deg);opacity:0}
}
/* text and controls readable on the night sky */
.hero--night .hero__title,.hero--night .hero__p{color:var(--n-ink)}
.hero--night .hero__note{color:var(--n-accent)}
.hero--night .hero__content,.hero--night .hero__books,.hero--night .hero__note{z-index:3}
@media (prefers-reduced-motion:reduce){.night__star,.night__cloud,.night__shoot,.night__hill svg,.night__hill path{animation:none}}