/* Homepage Galaxy Learning Adventure */
.galaxy-home {
  --space-ink: #07132f;
  --space-deep: #101448;
  --space-purple: #3b1f75;
  --space-blue: #1d4ed8;
  --space-cyan: #38d5ff;
  --space-yellow: #ffd166;
  --space-pink: #ff6fae;
  --space-orange: #ff9f43;
  --space-green: #4ade80;
  --space-paper: #ffffff;
  --space-soft: #f4f8ff;
  --space-muted: #526174;
  --space-border: rgba(56, 213, 255, 0.25);
  color: var(--ink);
  background:
    linear-gradient(180deg, #f7fbff 0%, #ffffff 34%, #f5f8ff 100%);
}

.galaxy-home h1,
.galaxy-home h2,
.galaxy-home h3 {
  letter-spacing: 0;
}

.galaxy-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0 0 0.9rem;
  padding: 0.42rem 0.78rem;
  border-radius: 999px;
  background: rgba(56, 213, 255, 0.14);
  color: #a5f3fc;
  border: 1px solid rgba(165, 243, 252, 0.28);
  font-weight: 800;
  font-size: 0.82rem;
}

.galaxy-section .galaxy-kicker {
  color: var(--primary);
  background: rgba(26, 86, 168, 0.08);
  border-color: rgba(26, 86, 168, 0.12);
}

.galaxy-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 720px;
  padding: 6rem 0 5rem;
  background:
    radial-gradient(circle at 14% 18%, rgba(56, 213, 255, 0.28), transparent 24%),
    radial-gradient(circle at 84% 20%, rgba(255, 111, 174, 0.24), transparent 24%),
    linear-gradient(135deg, var(--space-ink) 0%, var(--space-deep) 48%, var(--space-purple) 100%);
}

.galaxy-hero::after,
.galaxy-final-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    radial-gradient(circle, rgba(255, 255, 255, 0.88) 0 1px, transparent 1.4px),
    radial-gradient(circle, rgba(165, 243, 252, 0.8) 0 1px, transparent 1.3px);
  background-position: 0 0, 34px 54px;
  background-size: 110px 110px, 150px 150px;
  opacity: 0.5;
  animation: galaxyStarDrift 18s linear infinite;
}

.galaxy-hero__sky {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.galaxy-hero__content {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.75fr);
  gap: 3rem;
  align-items: center;
}

.galaxy-hero__copy {
  max-width: 740px;
}

.galaxy-hero h1 {
  max-width: 820px;
  margin: 0 0 1rem;
  color: #fff;
  font-size: 4.6rem;
  line-height: 1.02;
  text-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

.galaxy-hero__lead {
  max-width: 670px;
  margin-bottom: 1.5rem;
  color: #e0f2fe;
  font-size: 1.25rem;
  line-height: 1.65;
}

.galaxy-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  align-items: center;
  margin-top: 1.5rem;
}

.galaxy-btn {
  min-height: 3.2rem;
  border-radius: 999px;
  border: 2px solid transparent;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
}

.galaxy-btn--primary {
  background: linear-gradient(135deg, var(--space-yellow), var(--space-orange));
  color: #172033;
}

.galaxy-btn--secondary {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.36);
  backdrop-filter: blur(12px);
}

.galaxy-btn:hover,
.mission-card:hover,
.year-planet-card:hover {
  transform: translateY(-3px);
}

.galaxy-btn--primary:hover {
  box-shadow: 0 0 0 5px rgba(255, 209, 102, 0.18), 0 18px 34px rgba(0, 0, 0, 0.22);
}

.galaxy-trust-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin: 1.4rem 0 0;
  padding: 0;
  list-style: none;
}

.galaxy-trust-list li {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.55rem 0.75rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #f8fafc;
  border: 1px solid rgba(255, 255, 255, 0.22);
  font-weight: 700;
  font-size: 0.9rem;
}

.galaxy-trust-list li::before,
.trust-check {
  content: "";
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background: var(--space-green);
  box-shadow: 0 0 0 4px rgba(74, 222, 128, 0.18);
}

.galaxy-star,
.galaxy-shooting-star,
.galaxy-planet,
.galaxy-orbit {
  position: absolute;
  display: block;
}

.galaxy-star {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 18px rgba(255, 255, 255, 0.8);
  animation: galaxyTwinkle 2.8s ease-in-out infinite;
}

.galaxy-star--one { left: 10%; top: 24%; }
.galaxy-star--two { left: 56%; top: 14%; animation-delay: 0.55s; }
.galaxy-star--three { right: 18%; bottom: 20%; animation-delay: 1.1s; }

.galaxy-shooting-star {
  left: 62%;
  top: 20%;
  width: 5rem;
  height: 0.16rem;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #fff, transparent);
  transform: rotate(-24deg);
  animation: galaxyShootingStar 5.8s ease-in-out infinite;
}

.galaxy-planet {
  border-radius: 50%;
  animation: galaxyFloat 6s ease-in-out infinite;
}

.galaxy-planet::after {
  content: "";
  position: absolute;
  left: -22%;
  top: 42%;
  width: 145%;
  height: 22%;
  border: 0.18rem solid rgba(255, 255, 255, 0.52);
  border-radius: 50%;
  transform: rotate(-17deg);
}

.galaxy-planet--cyan {
  right: 6%;
  top: 12%;
  width: 6.2rem;
  height: 6.2rem;
  background: linear-gradient(135deg, #67e8f9, #2563eb);
  box-shadow: inset -1rem -0.75rem 0 rgba(7, 19, 47, 0.24), 0 0 38px rgba(56, 213, 255, 0.36);
}

.galaxy-planet--pink {
  left: 48%;
  bottom: 8%;
  width: 4.4rem;
  height: 4.4rem;
  background: linear-gradient(135deg, #f9a8d4, #f97316);
  box-shadow: inset -0.7rem -0.5rem 0 rgba(7, 19, 47, 0.2), 0 0 34px rgba(255, 111, 174, 0.34);
  animation-delay: 1.4s;
}

.galaxy-orbit {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  transform: rotate(-18deg);
}

.galaxy-orbit--one {
  right: 4%;
  top: 28%;
  width: 18rem;
  height: 9rem;
}

.galaxy-orbit--two {
  left: -8%;
  bottom: 12%;
  width: 22rem;
  height: 11rem;
}

.galaxy-mascot-wrap {
  position: relative;
  min-height: 420px;
  display: grid;
  place-items: center;
}

.galaxy-mascot {
  position: relative;
  width: 15rem;
  height: 17rem;
  animation: galaxyFloat 5.8s ease-in-out infinite;
}

.mascot-helmet,
.mascot-face,
.mascot-eye,
.mascot-smile,
.mascot-pack,
.mascot-arm {
  position: absolute;
  display: block;
}

.mascot-helmet {
  inset: 1.1rem 1.2rem 3.3rem;
  border-radius: 48% 48% 44% 44%;
  border: 0.55rem solid #93c5fd;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: inset -1rem -1rem 0 rgba(56, 189, 248, 0.18), 0 0 40px rgba(56, 213, 255, 0.22);
}

.mascot-face {
  left: 50%;
  top: 4.15rem;
  width: 7.6rem;
  height: 6rem;
  border-radius: 42% 42% 48% 48%;
  background: #fff8df;
  border: 0.22rem solid #1e3a8a;
  transform: translateX(-50%);
}

.mascot-eye {
  top: 6.1rem;
  width: 0.72rem;
  height: 0.9rem;
  border-radius: 50%;
  background: #0f172a;
  animation: mascotBlink 5s ease-in-out infinite;
}

.mascot-eye--left { left: 5.7rem; }
.mascot-eye--right { right: 5.7rem; }

.mascot-smile {
  left: 50%;
  top: 7.62rem;
  width: 2.2rem;
  height: 1rem;
  border-bottom: 0.22rem solid #0f172a;
  border-radius: 0 0 999px 999px;
  transform: translateX(-50%);
}

.mascot-pack {
  left: 50%;
  top: 11.15rem;
  width: 5.8rem;
  height: 4.2rem;
  border-radius: 1.4rem;
  background: linear-gradient(135deg, #60a5fa, #2563eb);
  border: 0.22rem solid #bfdbfe;
  transform: translateX(-50%);
}

.mascot-arm {
  top: 11.65rem;
  width: 3.6rem;
  height: 0.9rem;
  border-radius: 999px;
  background: #93c5fd;
  border: 0.16rem solid #1e3a8a;
}

.mascot-arm--left {
  left: 1.9rem;
  transform: rotate(24deg);
}

.mascot-arm--right {
  right: 1.9rem;
  transform: rotate(-28deg);
  animation: mascotWave 3.4s ease-in-out infinite;
}

.galaxy-mission-chip {
  position: absolute;
  right: 0;
  bottom: 3rem;
  display: grid;
  gap: 0.1rem;
  width: 13rem;
  padding: 1rem;
  border-radius: 1.2rem;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.28);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(14px);
}

.galaxy-mission-chip strong {
  color: var(--space-yellow);
  font-size: 1.55rem;
  line-height: 1;
}

.galaxy-mission-chip span {
  color: #e0f2fe;
  font-weight: 700;
  line-height: 1.35;
}

.galaxy-section {
  padding: 4.75rem 0;
  position: relative;
}

.galaxy-section--lead {
  padding: 2.5rem 0 0;
}

.galaxy-section-heading {
  max-width: 760px;
  margin: 0 auto 2rem;
  text-align: center;
}

.galaxy-section-heading h2,
.learning-games h2,
.galaxy-final-cta h2 {
  margin-bottom: 0.85rem;
  color: #111c35;
  font-size: 2.4rem;
}

.galaxy-section-heading p,
.learning-games p,
.galaxy-final-cta p {
  color: var(--space-muted);
  font-size: 1.05rem;
}

.mission-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.mission-card {
  position: relative;
  min-height: 23rem;
  padding: 1.35rem;
  border-radius: 1.35rem;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(17, 28, 53, 0.08);
  box-shadow: 0 16px 34px rgba(15, 29, 47, 0.08);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.mission-card::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.1;
  background:
    radial-gradient(circle at 20% 20%, currentColor 0 2px, transparent 2.4px),
    radial-gradient(circle at 78% 36%, currentColor 0 1.4px, transparent 1.8px);
  background-size: 72px 72px;
}

.mission-card > * {
  position: relative;
}

.mission-card:hover {
  border-color: rgba(56, 213, 255, 0.42);
  box-shadow: 0 22px 44px rgba(15, 29, 47, 0.13);
}

.mission-card--maths { color: #2563eb; --mission-colour: #2563eb; }
.mission-card--english { color: #db2777; --mission-colour: #db2777; }
.mission-card--naplan { color: #0f766e; --mission-colour: #0f766e; }
.mission-card--selective { color: #7c3aed; --mission-colour: #7c3aed; }

.mission-card h3 {
  margin-top: 1.2rem;
  color: #111c35;
  font-size: 1.45rem;
}

.mission-card p {
  color: #4b5870;
  font-weight: 600;
}

.mission-link {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  margin-top: 0.8rem;
  padding: 0.68rem 0.95rem;
  border-radius: 999px;
  background: var(--mission-colour);
  color: #fff;
  font-weight: 800;
}

.mission-icon {
  display: block;
  position: relative;
  width: 5.3rem;
  height: 5.3rem;
  border-radius: 1.4rem;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: inset 0 0 0 0.16rem rgba(255, 255, 255, 0.65), 0 12px 24px rgba(15, 29, 47, 0.12);
}

.mission-icon::before,
.mission-icon::after {
  content: "";
  position: absolute;
  display: block;
}

.mission-icon--maths::before {
  left: 1rem;
  top: 1.1rem;
  width: 3.15rem;
  height: 3.15rem;
  border-radius: 50%;
  border: 0.36rem solid #2563eb;
}

.mission-icon--maths::after {
  left: 1.62rem;
  top: 2.48rem;
  width: 2rem;
  height: 0.35rem;
  border-radius: 999px;
  background: #f59e0b;
  box-shadow: 0 -0.72rem 0 #f59e0b, 0 0.72rem 0 #f59e0b;
}

.mission-icon--english::before {
  left: 1.08rem;
  top: 1.4rem;
  width: 3.2rem;
  height: 2.52rem;
  border-radius: 0.35rem;
  border: 0.22rem solid #db2777;
  background: linear-gradient(90deg, #fff 0 48%, #fce7f3 48% 52%, #fff 52%);
}

.mission-icon--english::after {
  left: 2.58rem;
  top: 1.62rem;
  width: 0.16rem;
  height: 2.05rem;
  background: #db2777;
}

.mission-icon--naplan::before {
  left: 1rem;
  top: 1rem;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 0.75rem;
  background: #ccfbf1;
  border: 0.22rem solid #0f766e;
}

.mission-icon--naplan::after {
  left: 1.65rem;
  top: 1.85rem;
  width: 1.9rem;
  height: 1rem;
  border-left: 0.28rem solid #0f766e;
  border-bottom: 0.28rem solid #0f766e;
  transform: rotate(-45deg);
}

.mission-icon--selective::before {
  left: 50%;
  top: 0.85rem;
  width: 2.9rem;
  height: 3.7rem;
  background: linear-gradient(135deg, #c4b5fd, #7c3aed);
  clip-path: polygon(50% 0%, 90% 28%, 72% 100%, 28% 100%, 10% 28%);
  transform: translateX(-50%);
}

.mission-icon--selective::after {
  left: 1.85rem;
  top: 2.1rem;
  width: 1.6rem;
  height: 0.28rem;
  border-radius: 999px;
  background: #fef3c7;
  box-shadow: 0 0.62rem 0 #fef3c7;
}

.galaxy-section--path {
  overflow: hidden;
  background:
    linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
}

.journey-path {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.journey-path::before {
  content: "";
  position: absolute;
  left: 14%;
  right: 14%;
  top: 3rem;
  height: 0.28rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--space-cyan), var(--space-pink), var(--space-yellow));
}

.journey-path li {
  position: relative;
  min-height: 14rem;
  padding: 1.4rem;
  border-radius: 1.35rem;
  background: #fff;
  box-shadow: 0 14px 32px rgba(15, 29, 47, 0.08);
  border: 1px solid rgba(26, 86, 168, 0.1);
}

.journey-number {
  display: grid;
  place-items: center;
  width: 3.4rem;
  height: 3.4rem;
  margin-bottom: 1rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--space-cyan), var(--space-blue));
  color: #fff;
  font-size: 1.35rem;
  font-weight: 900;
  box-shadow: 0 0 0 0.55rem rgba(56, 213, 255, 0.12);
}

.journey-path h3,
.parent-trust-card h3,
.game-feature h3 {
  color: #111c35;
}

.journey-path p,
.parent-trust-card p,
.game-feature p {
  color: #526174;
  font-weight: 600;
}

.parent-card-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.85rem;
}

.parent-trust-card {
  min-height: 14rem;
  padding: 1.15rem;
  border-radius: 1.2rem;
  background: #fff;
  border: 1px solid rgba(17, 28, 53, 0.08);
  box-shadow: 0 12px 28px rgba(15, 29, 47, 0.07);
}

.trust-check {
  width: 1.15rem;
  height: 1.15rem;
  margin-bottom: 0.9rem;
}

.galaxy-section--games {
  color: #fff;
  background:
    radial-gradient(circle at 16% 20%, rgba(56, 213, 255, 0.2), transparent 24%),
    linear-gradient(135deg, #07132f, #2f1768);
}

.learning-games {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 2rem;
  align-items: start;
}

.galaxy-section--games h2,
.galaxy-section--games h3,
.galaxy-section--games .galaxy-kicker {
  color: #fff;
}

.galaxy-section--games p {
  color: #dbeafe;
}

.game-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}

.game-feature {
  min-height: 12rem;
  padding: 1rem;
  border-radius: 1.1rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.game-feature span {
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  margin-bottom: 0.75rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--space-yellow), var(--space-orange));
  box-shadow: 0 0 0 0.45rem rgba(255, 209, 102, 0.12);
}

.year-planet-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.8rem;
}

.year-planet-card {
  display: grid;
  justify-items: center;
  align-content: center;
  min-height: 12rem;
  padding: 1.1rem 0.8rem;
  border-radius: 1.2rem;
  text-align: center;
  color: #111c35;
  background: #fff;
  border: 1px solid rgba(17, 28, 53, 0.08);
  box-shadow: 0 12px 28px rgba(15, 29, 47, 0.07);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.year-planet-card:hover {
  border-color: rgba(56, 213, 255, 0.48);
  box-shadow: 0 20px 38px rgba(15, 29, 47, 0.12);
}

.year-planet-orb {
  position: relative;
  display: block;
  width: 4.2rem;
  height: 4.2rem;
  margin-bottom: 0.85rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #67e8f9, #2563eb);
  box-shadow: inset -0.7rem -0.5rem 0 rgba(7, 19, 47, 0.18), 0 0 22px rgba(56, 213, 255, 0.24);
}

.year-planet-card:nth-child(2n) .year-planet-orb {
  background: linear-gradient(135deg, #f9a8d4, #f97316);
}

.year-planet-card:nth-child(3n) .year-planet-orb {
  background: linear-gradient(135deg, #c4b5fd, #7c3aed);
}

.year-planet-orb::after {
  content: "";
  position: absolute;
  left: -18%;
  top: 42%;
  width: 136%;
  height: 22%;
  border: 0.14rem solid rgba(17, 28, 53, 0.22);
  border-radius: 50%;
  transform: rotate(-16deg);
}

.year-planet-card strong {
  font-size: 1.15rem;
}

.year-planet-card small {
  color: #526174;
  font-weight: 700;
}

.galaxy-final-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 5rem 0;
  background:
    radial-gradient(circle at 76% 22%, rgba(255, 209, 102, 0.18), transparent 24%),
    linear-gradient(135deg, #111c35, #412574);
  text-align: center;
}

.galaxy-final-cta__content {
  max-width: 780px;
}

.galaxy-final-cta h2 {
  color: #fff;
}

.galaxy-final-cta p {
  color: #e0f2fe;
}

.galaxy-final-cta .galaxy-hero__actions {
  justify-content: center;
}

@keyframes galaxyStarDrift {
  from { background-position: 0 0, 34px 54px; }
  to { background-position: 110px 110px, 184px 204px; }
}

@keyframes galaxyTwinkle {
  0%, 100% { opacity: 0.48; transform: scale(0.8); }
  50% { opacity: 1; transform: scale(1.18); }
}

@keyframes galaxyShootingStar {
  0%, 60%, 100% { opacity: 0; transform: translate(0, 0) rotate(-24deg); }
  68% { opacity: 1; }
  82% { opacity: 0; transform: translate(-8rem, 4rem) rotate(-24deg); }
}

@keyframes galaxyFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-0.7rem); }
}

@keyframes mascotBlink {
  0%, 92%, 100% { transform: scaleY(1); }
  95% { transform: scaleY(0.12); }
}

@keyframes mascotWave {
  0%, 100% { transform: rotate(-28deg); }
  50% { transform: rotate(-6deg); }
}

@media (max-width: 1100px) {
  .galaxy-hero__content,
  .learning-games {
    grid-template-columns: 1fr;
  }

  .galaxy-hero {
    min-height: auto;
  }

  .galaxy-hero h1 {
    font-size: 3.7rem;
  }

  .galaxy-mascot-wrap {
    min-height: 320px;
  }

  .mission-grid,
  .parent-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .year-planet-grid,
  .game-feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .galaxy-hero {
    padding: 4rem 0 3.5rem;
  }

  .galaxy-hero h1 {
    font-size: 2.85rem;
  }

  .galaxy-hero__lead {
    font-size: 1.08rem;
  }

  .galaxy-hero__actions,
  .galaxy-trust-list {
    flex-direction: column;
    align-items: stretch;
  }

  .galaxy-btn,
  .galaxy-trust-list li {
    justify-content: center;
    width: 100%;
  }

  .galaxy-mascot {
    width: 12.5rem;
    height: 14.2rem;
  }

  .galaxy-mission-chip {
    position: static;
    width: 100%;
    max-width: 18rem;
    margin-top: -1rem;
  }

  .galaxy-section {
    padding: 3.4rem 0;
  }

  .galaxy-section--lead {
    padding-top: 2rem;
  }

  .galaxy-section-heading {
    text-align: left;
  }

  .galaxy-section-heading h2,
  .learning-games h2,
  .galaxy-final-cta h2 {
    font-size: 2rem;
  }

  .mission-grid,
  .journey-path,
  .parent-card-grid,
  .game-feature-grid,
  .year-planet-grid {
    grid-template-columns: 1fr;
  }

  .mission-card {
    min-height: 18rem;
  }

  .journey-path::before {
    left: 2rem;
    right: auto;
    top: 2rem;
    bottom: 2rem;
    width: 0.25rem;
    height: auto;
  }

  .journey-path li {
    min-height: 11.5rem;
  }

  .galaxy-planet--cyan {
    right: -1rem;
    top: 7rem;
    width: 4.6rem;
    height: 4.6rem;
  }

  .galaxy-planet--pink {
    left: auto;
    right: 10%;
    bottom: 4%;
    width: 3.4rem;
    height: 3.4rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .galaxy-home *,
  .galaxy-home *::before,
  .galaxy-home *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}