/* Modern wide layout for Racenet Home Fibre */

/* Basic reset */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: radial-gradient(circle at top left, #1E6FFF 0%, #0b2b63 40%, #020820 100%);
  color: #f5f7ff;
  line-height: 1.6;
}

/* Layout helpers */
.container {
  width: 92%;
  max-width: 1360px; /* wider layout */
  margin: 0 auto;
}

.section {
  padding: 3.5rem 0;
}

.section-alt {
  background: linear-gradient(180deg, #0b2b63, #020820);
  padding: 3.5rem 0;
}

.section-gradient {
  background: linear-gradient(135deg, rgba(6, 181, 255, 0.12), rgba(184, 210, 255, 0.04));
}

.section-header {
  text-align: center;
  margin-bottom: 2.5rem;
}

.section-header h2 {
  font-size: 2.2rem;
  letter-spacing: 0.03em;
  margin-bottom: 0.4rem;
}

.section-header p {
  color: #c7d9ff;
}

/* Grids */
.grid {
  display: grid;
  gap: 1.7rem;
}

.grid.two {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.grid.three {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.wide-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.8rem;
}

.center {
  text-align: center;
}

.mt-2 {
  margin-top: 2rem;
}

.mt-3 {
  margin-top: 3rem;
}

/* Header */
.site-header {
  background: rgba(5, 18, 48, 0.98);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(30, 144, 255, 0.6);
  position: sticky;
  top: 0;
  z-index: 30;
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8rem 0;
  gap: 1rem;
}

.logo img {
  height: 56px;
  width: auto;
  display: block;
}


.logo img {
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.logo:hover img {
  transform: scale(1.05);
  box-shadow: 0 14px 32px rgba(22, 224, 255, 0.55);
}

.footer-logo {
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.footer-logo:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 26px rgba(22, 224, 255, 0.45);
}
.main-nav {
  display: flex;
  gap: 1.8rem;
  flex-wrap: wrap;
  justify-content: center;
}

.main-nav a {
  color: #dde8ff;
  text-decoration: none;
  font-size: 0.96rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 0.25rem;
}

.main-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, #16e0ff, #06b5ff);
  transition: width 0.2s ease;
}

.main-nav a:hover::after,
.main-nav a.active::after {
  width: 100%;
}

.header-cta {
  background: linear-gradient(135deg, #16e0ff, #06b5ff);
  color: #020820;
  padding: 0.55rem 1.3rem;
  border-radius: 999px;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 600;
  white-space: nowrap;
  box-shadow: 0 12px 30px rgba(7, 167, 255, 0.45);
}

.header-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 38px rgba(7, 167, 255, 0.55);
}

/* Hero */
.hero {
  position: relative;
  padding: 4rem 0 3.5rem;
  overflow: hidden;
}

.hero-bg-slider {
  position: absolute;
  inset: 0;
  z-index: -2;
}

.hero-slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  animation: heroSlide 28s infinite;
  transform: scale(1.03);
}

.hero-slide-1 {
  background-image: url("images/family-1.jpg");
  animation-delay: 0s;
}

.hero-slide-2 {
  background-image: url("images/remote-worker-1.jpg");
  animation-delay: 7s;
}

.hero-slide-3 {
  background-image: url("images/tech-landscape-1.jpg");
  animation-delay: 14s;
}

.hero-slide-4 {
  background-image: url("images/family-2.jpg");
  animation-delay: 21s;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top, rgba(2, 6, 24, 0.75), rgba(2, 6, 24, 0.96));
  z-index: -1;
}

@keyframes heroSlide {
  0% { opacity: 0; transform: scale(1.03); }
  6% { opacity: 1; transform: scale(1.02); }
  25% { opacity: 1; transform: scale(1.0); }
  32% { opacity: 0; transform: scale(1.03); }
  100% { opacity: 0; transform: scale(1.03); }
}

.hero-inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.2fr);
  gap: 2.8rem;
  align-items: center;
}

.eyebrow {
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: #8ddcff;
  margin-bottom: 0.7rem;
}

.hero-text h1 {
  font-size: clamp(2.4rem, 4vw, 3.1rem);
  margin-bottom: 0.7rem;
}

.hero-subtitle {
  max-width: 40rem;
  color: #d2e1ff;
  margin-bottom: 1.2rem;
}

.hero-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-bottom: 1.4rem;
}

.pill {
  font-size: 0.78rem;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  border: 1px solid rgba(205, 225, 255, 0.28);
  background: rgba(6, 181, 255, 0.08);
  color: #cfe3ff;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
}
/* Hero card */
.hero-card {
  background: radial-gradient(circle at top left, rgba(30, 144, 255, 0.28), #041024);
  border-radius: 1.4rem;
  padding: 1.8rem 1.7rem;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(116, 178, 255, 0.7);
}

.hero-card h2 {
  font-size: 1.35rem;
  margin-bottom: 0.9rem;
}

.mini-packages {
  list-style: none;
  margin-bottom: 0.9rem;
}

.mini-packages li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.45rem 0;
  border-bottom: 1px dashed rgba(210, 225, 255, 0.28);
  font-size: 0.92rem;
}

.mini-packages li:last-child {
  border-bottom: none;
}

.mini-packages strong {
  color: #16e0ff;
}

.mini-packages-footer {
  font-size: 0.86rem;
  color: #d2e1ff;
  margin-bottom: 1.05rem;
}

.hero-footnote {
  font-size: 0.78rem;
  color: #9fb5ff;
}

/* Buttons */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.7rem 1.4rem;
  border-radius: 999px;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  text-decoration: none;
  transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease,
    opacity 0.12s ease;
}

.btn.primary {
  background: linear-gradient(135deg, #16e0ff, #06b5ff);
  color: #020820;
  box-shadow: 0 16px 38px rgba(7, 167, 255, 0.6);
}

.btn.primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 22px 46px rgba(7, 167, 255, 0.75);
}

.btn.secondary {
  background: rgba(6, 181, 255, 0.12);
  color: #e1efff;
  border: 1px solid rgba(6, 181, 255, 0.8);
}

.btn.secondary:hover {
  background: rgba(6, 181, 255, 0.22);
}

.btn.ghost {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #e1efff;
}

.btn.ghost:hover {
  background: rgba(255, 255, 255, 0.06);
}

.btn.outline {
  background: transparent;
  border: 1px solid rgba(6, 181, 255, 0.85);
  color: #e1efff;
}

.btn.block {
  width: 100%;
}

.btn.small {
  padding: 0.55rem 1rem;
  font-size: 0.86rem;
}

/* Cards */
.card {
  background: radial-gradient(circle at top left, rgba(30, 144, 255, 0.24), #041024);
  border-radius: 1.2rem;
  padding: 1.6rem 1.5rem;
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(116, 178, 255, 0.7);
  position: relative;
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.6);
}

.package-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.28;
  z-index: -2;
  transform: scale(1.02);
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.package-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(145deg, rgba(2, 6, 24, 0.85), rgba(6, 181, 255, 0.2));
  z-index: -1;
}

/* Specific package backgrounds */
.pkg-5mbps::before {
  background-image: url("images/pkg-5-phone.jpg");
}

.pkg-10mbps::before {
  background-image: url("images/pkg-10-people-streaming.jpg");
}

.pkg-15mbps::before {
  background-image: url("images/pkg-15-ipads.jpg");
}

.pkg-20mbps::before {
  background-image: url("images/pkg-20-laptop.jpg");
}

.pkg-30mbps::before {
  background-image: url("images/pkg-30-gaming.avif");
}

.pkg-40mbps::before {
  background-image: url("images/pkg-40-tv.webp");
}

.package-card h3,
.package-card .price,
.package-card ul,
.package-card .badge,
.package-card a {
  position: relative;
  z-index: 1;
}

.package-card:hover::before {
  transform: scale(1.08);
  opacity: 0.5;
}

.package-card:hover h3,
.package-card:hover .price,
.package-card:hover ul {
  transform: translateY(-2px);
}

.package-card h3 {
  margin-bottom: 0.45rem;
}

.package-card .price {
  font-weight: 700;
  margin-bottom: 0.65rem;
  color: #16e0ff;
}

/* Badges */
.badge {
  display: inline-block;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  padding: 0.28rem 0.7rem;
  border-radius: 999px;
  background: rgba(117, 147, 255, 0.15);
  color: #e5ecff;
  margin-bottom: 0.5rem;
}

.badge-hot {
  background: linear-gradient(120deg, rgba(255, 95, 162, 0.9), rgba(254, 154, 77, 0.9));
  color: #130815;
}

/* Info / pay sections */
.info-card h3 {
  margin-bottom: 0.7rem;
}

.pay-steps {
  margin-left: 1.2rem;
  margin-bottom: 0.85rem;
  font-size: 0.9rem;
}

.lead-text {
  margin-bottom: 1rem;
  color: #d6e4ff;
}

/* Blog cards */
.blog-image-wrap {
  overflow: hidden;
  border-radius: 0.8rem;
  margin-bottom: 0.75rem;
}

.blog-image-wrap img {
  width: 100%;
  display: block;
  border-radius: inherit;
  transform: scale(1.02);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.blog-card:hover .blog-image-wrap img,
.blog-post:hover .blog-image-wrap img {
  transform: scale(1.08);
  box-shadow: 0 16px 32px rgba(22, 224, 255, 0.45);
}

.blog-card h3 {
  margin: 0.4rem 0;
}

.blog-date {
  font-size: 0.82rem;
  text-transform: uppercase;
  color: #9bb9ff;
  letter-spacing: 0.12em;
}

.blog-card p {
  font-size: 0.9rem;
  color: #dde7ff;
}

.read-more {
  display: inline-block;
  margin-top: 0.6rem;
  font-size: 0.9rem;
  color: #16e0ff;
  text-decoration: none;
}

.read-more:hover {
  text-decoration: underline;
}
/* Page hero */
.page-hero {
  padding: 3rem 0 2rem;
  background: linear-gradient(145deg, #1E6FFF, #071433);
}

.page-hero h1 {
  font-size: 2.2rem;
  margin-bottom: 0.4rem;
}

.page-hero p {
  color: #c7d9ff;
}

/* Blog layout */
.blog-layout {
  display: grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(0, 0.9fr);
  gap: 2rem;
}

.blog-post h2 {
  margin: 0.5rem 0 0.7rem;
}

.blog-post p + p {
  margin-top: 0.6rem;
}




.about-hero-inner {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}

.about-hero-logo {
  height: 72px;
  width: auto;
  filter: drop-shadow(0 10px 26px rgba(22, 224, 255, 0.55));
}

@media (max-width: 720px) {
  .about-hero-inner {
    flex-direction: column;
    align-items: flex-start;
  }
}
/* About page */
.about-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.4fr);
  gap: 2.3rem;
  align-items: flex-start;
}

.about-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
}

.about-image-card {
  background: radial-gradient(circle at top left, rgba(30, 144, 255, 0.22), #030b1f);
  border-radius: 1.1rem;
  padding: 1.1rem 1.1rem 1.2rem;
  border: 1px solid rgba(122, 164, 255, 0.7);
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.7);
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.about-image-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.65);
}

.about-image-wrap {
  overflow: hidden;
  border-radius: 0.9rem;
  margin-bottom: 0.7rem;
}

.about-image-wrap img {
  width: 100%;
  display: block;
  border-radius: inherit;
  transform: scale(1.03);
  transition: transform 0.45s ease, box-shadow 0.45s ease;
}

.about-image-card:hover .about-image-wrap img {
  transform: scale(1.09);
  box-shadow: 0 18px 36px rgba(22, 224, 255, 0.55);
}

.about-image-card h3 {
  margin-bottom: 0.3rem;
}

.about-image-card p {
  font-size: 0.9rem;
  color: #dde7ff;
}

@media (max-width: 960px) {
  .about-layout {
    grid-template-columns: 1fr;
  }
}
/* Speed test */
.speed-test-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 2rem;
  align-items: flex-start;
}

.speed-test-form .form-group {
  margin-bottom: 1.1rem;
}

.speed-meter {
  width: 100%;
  height: 18px;
  border-radius: 999px;
  background: rgba(3, 19, 54, 0.9);
  overflow: hidden;
  margin: 1rem 0 0.8rem;
  border: 1px solid rgba(140, 170, 255, 0.7);
}

.speed-meter-fill {
  height: 100%;
  width: 0%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1cffd9, #16e0ff, #ffb36b);
  transition: width 0.8s ease;
}

.speed-meter-fill.running {
  box-shadow: 0 0 14px rgba(22, 224, 255, 0.7);
}

.speed-value {
  font-weight: 600;
  margin-bottom: 0.3rem;
}

.speed-summary {
  font-size: 0.9rem;
  color: #dde7ff;
}

.recommended-package {
  margin-top: 1.2rem;
  padding-top: 0.8rem;
  border-top: 1px dashed rgba(164, 186, 255, 0.6);
}

.tiny-note {
  font-size: 0.78rem;
  color: #9fb5ff;
  margin-top: 1.1rem;
}
/* Contact */
.contact-list {
  list-style: none;
  margin-bottom: 1.5rem;
}

.contact-list li {
  margin-bottom: 0.4rem;
}

.contact-form {
  margin-top: 1.1rem;
}

.form-group {
  margin-bottom: 0.95rem;
}

.form-group label {
  display: block;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}

.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  padding: 0.7rem 0.8rem;
  border-radius: 0.8rem;
  border: 1px solid rgba(151, 174, 242, 0.7);
  background: rgba(4, 15, 45, 0.96);
  color: #f5f7ff;
  font-size: 0.9rem;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  outline: none;
  border-color: #16e0ff;
  box-shadow: 0 0 0 1px rgba(22, 224, 255, 0.4);
}

.small-text {
  font-size: 0.82rem;
  color: #b6c9ff;
  margin-top: 0.5rem;
}

/* Banners */
.info-banner {
  background: rgba(30, 144, 255, 0.12);
  border-radius: 0.9rem;
  padding: 1rem 1.1rem;
  font-size: 0.9rem;
  border: 1px solid rgba(30, 144, 255, 0.65);
  color: #dbeaff;
}

/* Footer */
.site-footer {
  background: linear-gradient(180deg, #050f30, #020820);
  padding: 2.8rem 0 1.3rem;
  margin-top: 2.5rem;
  border-top: 1px solid rgba(30, 144, 255, 0.6);
}

.footer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 2.3rem;
  align-items: flex-start;
}

.footer-logo {
  height: 44px;
  margin-bottom: 0.7rem;
}

.footer-links {
  list-style: none;
}

.footer-links li {
  margin-bottom: 0.35rem;
}

.footer-links a {
  color: #d8e4ff;
  text-decoration: none;
  font-size: 0.9rem;
}

.footer-links a:hover {
  text-decoration: underline;
}

.footer-bottom {
  margin-top: 2.2rem;
  text-align: center;
  font-size: 0.85rem;
  color: #8b9acd;
}

/* Links */
a {
  color: #1E6FFF;
}

a:hover {
  opacity: 0.9;
}

/* Responsive */
@media (max-width: 960px) {
  .hero-inner {
    grid-template-columns: 1fr;
  }

  .header-inner {
    flex-wrap: wrap;
  }

  .main-nav {
    flex: 1 1 100%;
  }

  .header-cta {
    display: none;
  }

  .blog-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .hero {
    padding-top: 3.2rem;
  }

  .section {
    padding: 3rem 0;
  }

  .site-header {
    position: static;
  }

  .hero-card {
    padding: 1.4rem 1.3rem;
  }
}


/* Ensure logo is well-sized on desktop and mobile */
.logo img, .navbar-brand img, header .logo img {
  max-height: 140px;
  height: auto;
  width: auto;
}



/* --- Christmas overlay: subtle star-like snow + soft Santa glide --- */

/* Star-style falling flakes overlay */
body::before {
  content: "✦";
  pointer-events: none;
  position: fixed;
  top: -40px;
  left: 0;
  width: 100%;
  height: 120vh;
  font-size: 0.9rem;
  color: rgba(255,255,255,0.85);
  opacity: 0.4;
  z-index: 9990;
  animation: racenet-star-snow 32s linear infinite;
  text-shadow:
    5vw 10vh 0 rgba(255,255,255,0.9),
    20vw 35vh 0 rgba(255,255,255,0.75),
    40vw 5vh 0 rgba(255,255,255,0.8),
    60vw 30vh 0 rgba(255,255,255,0.7),
    80vw 15vh 0 rgba(255,255,255,0.85),
    15vw 70vh 0 rgba(255,255,255,0.7),
    35vw 55vh 0 rgba(255,255,255,0.8),
    55vw 80vh 0 rgba(255,255,255,0.75),
    75vw 60vh 0 rgba(255,255,255,0.9),
    90vw 45vh 0 rgba(255,255,255,0.8);
}

@keyframes racenet-star-snow {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(90px);
  }
}

/* Soft Santa / Christmas chariot passing gently */
body::after {
  content: "🎅";
  position: fixed;
  top: 18px;
  left: -12%;
  font-size: 1.8rem;
  z-index: 9991;
  opacity: 0.75;
  animation: racenet-santa-glide 40s linear infinite;
  pointer-events: none;
  text-shadow:
    0 0 4px rgba(255,255,255,0.9),
    0 0 8px rgba(220,0,0,0.75);
}

@keyframes racenet-santa-glide {
  0% {
    transform: translateX(0);
    opacity: 0;
  }
  10% {
    opacity: 0.75;
  }
  90% {
    opacity: 0.75;
  }
  100% {
    transform: translateX(115vw);
    opacity: 0;
  }
}



/* --- Enhanced star snow: more stars, faster fall --- */
body::before {
  content: "✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦";
  position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  height: 150vh;
  font-size: 1.3rem;
  color: rgba(255,255,255,0.8);
  text-shadow:
    20px 30px rgba(255,255,255,0.7),
    80px 120px rgba(255,255,255,0.6),
    140px 200px rgba(255,255,255,0.8),
    200px 260px rgba(255,255,255,0.7),
    260px 340px rgba(255,255,255,0.6),
    320px 400px rgba(255,255,255,0.7),
    380px 480px rgba(255,255,255,0.8),
    440px 560px rgba(255,255,255,0.6),
    500px 640px rgba(255,255,255,0.7),
    560px 720px rgba(255,255,255,0.8);
  opacity: 0.55;
  animation: star-fall-fast 12s linear infinite;
  pointer-events: none;
  z-index: 9990;
}

@keyframes star-fall-fast {
  0% { transform: translateY(0); }
  100% { transform: translateY(160px); }
}



/* --- Refined scattered star-snow: numerous, unique, falling softly --- */
body::before {
  content: "✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦";
  position: fixed;
  top: -120px;
  left: 0;
  width: 100%;
  height: 160vh;
  font-size: 1.2rem;
  color: rgba(255,255,255,0.85);
  text-shadow:
    663px 154px rgba(255,255,255,0.7),
98px 74px rgba(255,255,255,0.4),
748px 596px rgba(255,255,255,0.4),
1039px 219px rgba(255,255,255,0.4),
176px 444px rgba(255,255,255,0.7),
143px 246px rgba(255,255,255,0.4),
1128px 434px rgba(255,255,255,0.4),
1158px 126px rgba(255,255,255,0.5),
1193px 63px rgba(255,255,255,0.7),
101px 226px rgba(255,255,255,0.4),
1140px 136px rgba(255,255,255,0.6),
858px 147px rgba(255,255,255,0.4),
1169px 315px rgba(255,255,255,0.5),
211px 595px rgba(255,255,255,0.5),
762px 99px rgba(255,255,255,0.4),
1155px 61px rgba(255,255,255,0.5),
1016px 696px rgba(255,255,255,0.7),
643px 476px rgba(255,255,255,0.7),
740px 306px rgba(255,255,255,0.5),
368px 715px rgba(255,255,255,0.5),
167px 588px rgba(255,255,255,0.6),
1075px 506px rgba(255,255,255,0.6),
919px 294px rgba(255,255,255,0.4),
241px 524px rgba(255,255,255,0.7),
337px 350px rgba(255,255,255,0.5),
1001px 431px rgba(255,255,255,0.4),
158px 571px rgba(255,255,255,0.6),
696px 711px rgba(255,255,255,0.6),
1217px 508px rgba(255,255,255,0.7),
140px 95px rgba(255,255,255,0.6),
970px 713px rgba(255,255,255,0.4),
124px 718px rgba(255,255,255,0.6),
1183px 697px rgba(255,255,255,0.7),
582px 395px rgba(255,255,255,0.6),
46px 472px rgba(255,255,255,0.6),
344px 625px rgba(255,255,255,0.4),
1011px 60px rgba(255,255,255,0.5),
588px 132px rgba(255,255,255,0.5),
814px 400px rgba(255,255,255,0.7),
165px 170px rgba(255,255,255,0.7);
  opacity: 0.65;
  animation: scattered-star-snow 18s linear infinite;
  pointer-events: none;
  z-index: 9990;
}

@keyframes scattered-star-snow {
  0%   { transform: translateY(0);    opacity: 0.85; }
  50%  { transform: translateY(140px); opacity: 0.9; }
  100% { transform: translateY(260px); opacity: 0.85; }
}



/* --- Overridden Christmas overlay: fully scattered, mixed icons --- */
body::before {
  /* One small group of icons, scattered everywhere via text-shadow */
  content: "✦ 🔔 ❄️ 🎄";
  position: fixed;
  top: -160px;
  left: 0;
  width: 100%;
  height: 180vh;
  font-size: 1.4rem;
  color: rgba(255,255,255,0.9);
  text-shadow:
    493px 769px rgba(255,255,255,0.35),
    -66px 526px rgba(255,255,255,0.55),
    767px 308px rgba(255,255,255,0.75),
    633px 53px rgba(255,255,255,0.45),
    447px 375px rgba(255,255,255,0.35),
    352px 555px rgba(255,255,255,0.65),
    -50px 28px rgba(255,255,255,0.35),
    1354px 430px rgba(255,255,255,0.65),
    -60px 444px rgba(255,255,255,0.65),
    635px 709px rgba(255,255,255,0.35),
    321px 721px rgba(255,255,255,0.35),
    1106px 297px rgba(255,255,255,0.45),
    1171px 141px rgba(255,255,255,0.55),
    1058px 698px rgba(255,255,255,0.55),
    1071px 208px rgba(255,255,255,0.55),
    1073px 7px rgba(255,255,255,0.65),
    263px 655px rgba(255,255,255,0.65),
    1109px 730px rgba(255,255,255,0.65),
    1283px 577px rgba(255,255,255,0.45),
    272px 738px rgba(255,255,255,0.45),
    992px 251px rgba(255,255,255,0.75),
    300px 516px rgba(255,255,255,0.35),
    68px 20px rgba(255,255,255,0.65),
    -21px 501px rgba(255,255,255,0.55),
    1073px 207px rgba(255,255,255,0.75),
    577px 31px rgba(255,255,255,0.55),
    490px 475px rgba(255,255,255,0.55),
    831px 482px rgba(255,255,255,0.45),
    429px 73px rgba(255,255,255,0.35),
    1169px 722px rgba(255,255,255,0.35),
    1348px 734px rgba(255,255,255,0.65),
    387px 256px rgba(255,255,255,0.75),
    191px 683px rgba(255,255,255,0.75),
    105px 312px rgba(255,255,255,0.45),
    820px -46px rgba(255,255,255,0.35),
    1191px 346px rgba(255,255,255,0.65),
    -53px 86px rgba(255,255,255,0.45),
    1307px -67px rgba(255,255,255,0.45),
    16px 471px rgba(255,255,255,0.65),
    90px 274px rgba(255,255,255,0.35),
    672px 422px rgba(255,255,255,0.45),
    -25px -3px rgba(255,255,255,0.55),
    854px 481px rgba(255,255,255,0.45),
    840px 222px rgba(255,255,255,0.45),
    87px 25px rgba(255,255,255,0.75),
    983px 585px rgba(255,255,255,0.45),
    1314px 476px rgba(255,255,255,0.75),
    388px 179px rgba(255,255,255,0.35),
    763px 88px rgba(255,255,255,0.35),
    810px 700px rgba(255,255,255,0.55),
    1244px 344px rgba(255,255,255,0.45),
    1163px 624px rgba(255,255,255,0.65),
    42px 629px rgba(255,255,255,0.45),
    1017px 222px rgba(255,255,255,0.65),
    738px 226px rgba(255,255,255,0.75),
    1148px 483px rgba(255,255,255,0.35),
    483px 31px rgba(255,255,255,0.35),
    1192px 62px rgba(255,255,255,0.55),
    1045px 666px rgba(255,255,255,0.65),
    408px 89px rgba(255,255,255,0.35),
    591px 495px rgba(255,255,255,0.75),
    132px 160px rgba(255,255,255,0.75),
    864px 738px rgba(255,255,255,0.65),
    1371px 198px rgba(255,255,255,0.35),
    592px 306px rgba(255,255,255,0.35),
    190px 687px rgba(255,255,255,0.65),
    316px 732px rgba(255,255,255,0.35),
    254px 590px rgba(255,255,255,0.65),
    765px 3px rgba(255,255,255,0.65),
    1332px 203px rgba(255,255,255,0.65);
  opacity: 0.8;
  animation: christmas-mixed-snow 16s linear infinite;
  pointer-events: none;
  z-index: 9990;
}

@keyframes christmas-mixed-snow {
  0%   { transform: translateY(0); }
  100% { transform: translateY(260px); }
}



/* Ultra-scattered Christmas overlay with colored icons */
body::before {
  content: "✦ 🔔 ❄️ 🎄 ⭐ ";
  position: fixed;
  top: -200px;
  left: 0;
  width: 100%;
  height: 200vh;
  font-size: 1.6rem;
  text-shadow:
        1109px 78px rgba(0,200,0,0.41),
        301px 307px rgba(255,0,0,0.47),
        1185px 28px rgba(255,0,0,0.7),
        -139px 41px rgba(255,215,0,0.51),
        1032px -96px rgba(255,215,0,0.68),
        1130px 709px rgba(255,215,0,0.51),
        369px -137px rgba(255,0,0,0.78),
        1229px 715px rgba(255,0,0,0.57),
        240px 539px rgba(0,200,0,0.45),
        -2px 585px rgba(255,215,0,0.82),
        341px -62px rgba(255,215,0,0.76),
        55px 625px rgba(0,200,0,0.44),
        1498px 590px rgba(255,215,0,0.69),
        -58px -57px rgba(0,200,0,0.73),
        -37px 326px rgba(0,200,0,0.83),
        369px 778px rgba(0,200,0,0.72),
        133px 608px rgba(255,215,0,0.58),
        346px -4px rgba(255,0,0,0.7),
        893px 351px rgba(0,200,0,0.48),
        352px 299px rgba(255,0,0,0.74),
        269px -85px rgba(0,200,0,0.8),
        348px -15px rgba(255,215,0,0.51),
        1594px 494px rgba(0,200,0,0.51),
        610px 789px rgba(255,0,0,0.47),
        305px 388px rgba(0,200,0,0.77),
        995px 667px rgba(255,0,0,0.58),
        843px 860px rgba(255,0,0,0.45),
        1563px 74px rgba(255,0,0,0.48),
        1422px 714px rgba(0,200,0,0.7),
        581px 808px rgba(255,215,0,0.66),
        1562px -127px rgba(255,0,0,0.74),
        1196px 396px rgba(0,200,0,0.78),
        28px 451px rgba(0,200,0,0.62),
        -194px 389px rgba(255,0,0,0.89),
        839px 67px rgba(0,200,0,0.84),
        1523px 889px rgba(255,0,0,0.7),
        565px 180px rgba(255,215,0,0.67),
        -199px 513px rgba(255,0,0,0.64),
        543px 479px rgba(255,0,0,0.52),
        1598px 11px rgba(0,200,0,0.44),
        1471px -9px rgba(255,215,0,0.89),
        1368px 107px rgba(0,200,0,0.46),
        925px 188px rgba(255,215,0,0.53),
        666px 283px rgba(255,215,0,0.86),
        1212px 261px rgba(0,200,0,0.76),
        1175px 614px rgba(255,215,0,0.62),
        724px 97px rgba(255,0,0,0.52),
        492px -107px rgba(255,0,0,0.69),
        1005px 301px rgba(255,215,0,0.4),
        1092px -30px rgba(255,0,0,0.51),
        1560px 526px rgba(255,0,0,0.44),
        370px 844px rgba(255,0,0,0.51),
        1281px 818px rgba(0,200,0,0.52),
        1453px 683px rgba(255,0,0,0.5),
        1149px 732px rgba(0,200,0,0.58),
        756px -40px rgba(255,215,0,0.74),
        1px -26px rgba(0,200,0,0.6),
        1439px 73px rgba(255,0,0,0.52),
        898px 768px rgba(255,0,0,0.47),
        370px 797px rgba(255,0,0,0.52),
        707px 50px rgba(255,215,0,0.43),
        1512px -120px rgba(255,0,0,0.88),
        140px 682px rgba(255,0,0,0.64),
        1570px 671px rgba(255,0,0,0.85),
        576px -146px rgba(0,200,0,0.89),
        1405px 781px rgba(255,215,0,0.54),
        1296px 846px rgba(0,200,0,0.48),
        245px -31px rgba(255,215,0,0.69),
        -76px 492px rgba(255,215,0,0.43),
        776px 879px rgba(255,215,0,0.86),
        122px -34px rgba(255,0,0,0.88),
        1543px 230px rgba(255,0,0,0.43),
        1182px 331px rgba(255,215,0,0.6),
        304px -69px rgba(0,200,0,0.71),
        1146px 497px rgba(255,0,0,0.87),
        1171px 493px rgba(0,200,0,0.52),
        68px 464px rgba(255,0,0,0.63),
        -181px 788px rgba(255,215,0,0.71),
        4px 0px rgba(255,215,0,0.67),
        343px 121px rgba(255,0,0,0.87),
        1600px 350px rgba(255,0,0,0.58),
        697px 469px rgba(255,215,0,0.71),
        883px -134px rgba(255,215,0,0.73),
        413px 62px rgba(255,0,0,0.87),
        341px 86px rgba(255,215,0,0.84),
        933px 168px rgba(255,215,0,0.54),
        231px 552px rgba(255,215,0,0.5),
        1546px 390px rgba(0,200,0,0.65),
        1532px -46px rgba(0,200,0,0.45),
        1498px 416px rgba(0,200,0,0.42),
        1379px 117px rgba(0,200,0,0.72),
        130px 754px rgba(0,200,0,0.68),
        948px -131px rgba(255,215,0,0.46),
        105px -77px rgba(255,215,0,0.82),
        931px 153px rgba(255,0,0,0.61),
        431px 596px rgba(255,0,0,0.85),
        532px 280px rgba(255,215,0,0.74),
        10px 574px rgba(0,200,0,0.79),
        1071px 166px rgba(255,0,0,0.86),
        1570px 182px rgba(255,0,0,0.89),
        644px -100px rgba(0,200,0,0.49),
        1402px 693px rgba(255,215,0,0.8),
        1460px 358px rgba(255,215,0,0.53),
        21px 633px rgba(0,200,0,0.84),
        255px 258px rgba(0,200,0,0.81),
        516px 475px rgba(255,0,0,0.81),
        256px -102px rgba(0,200,0,0.73),
        472px 420px rgba(0,200,0,0.83),
        519px 893px rgba(255,215,0,0.6),
        478px -94px rgba(0,200,0,0.46),
        165px 393px rgba(255,215,0,0.42),
        689px 557px rgba(0,200,0,0.76),
        693px 897px rgba(255,215,0,0.46),
        189px 371px rgba(0,200,0,0.42),
        -197px 253px rgba(255,0,0,0.58),
        1160px 526px rgba(255,215,0,0.71),
        1536px 105px rgba(0,200,0,0.76),
        838px 483px rgba(0,200,0,0.73),
        624px 455px rgba(255,0,0,0.68),
        661px 626px rgba(255,0,0,0.74);
  opacity: 0.95;
  animation: xmas-color-fall 14s linear infinite;
  pointer-events: none;
  z-index: 9990;
}

@keyframes xmas-color-fall {
  0% { transform: translateY(0); }
  100% { transform: translateY(320px); }
}



/* Continuous, bouncy Christmas overlay: scattered, colored + white */
body::before {
  content: "✦ 🔔 ❄️ 🎄 ⭐";
  position: fixed;
  top: -260px;
  left: 0;
  width: 100%;
  height: 500vh; /* extra tall so it covers even long pages while scrolling */
  font-size: 1.6rem;
  text-shadow:
    -86px 298px rgba(255,255,255,0.4),
    791px -30px rgba(255,0,0,0.85),
    1252px 848px rgba(255,215,0,0.69),
    -88px 76px rgba(255,215,0,0.43),
    704px 85px rgba(255,255,255,0.35),
    58px 973px rgba(255,0,0,0.58),
    992px 668px rgba(255,0,0,0.41),
    79px 1116px rgba(255,0,0,0.44),
    895px 631px rgba(255,215,0,0.69),
    1622px -175px rgba(255,215,0,0.81),
    1678px 173px rgba(255,215,0,0.84),
    -249px 565px rgba(255,255,255,0.89),
    1691px 816px rgba(255,215,0,0.75),
    1789px -185px rgba(0,200,0,0.86),
    38px 747px rgba(0,200,0,0.74),
    1071px 440px rgba(255,0,0,0.68),
    1570px 543px rgba(255,215,0,0.69),
    -234px 137px rgba(255,215,0,0.7),
    -248px 470px rgba(255,255,255,0.95),
    1752px -128px rgba(255,255,255,0.73),
    655px 864px rgba(0,200,0,0.64),
    329px 848px rgba(255,255,255,0.62),
    -120px -230px rgba(0,200,0,0.43),
    -214px 275px rgba(255,215,0,0.83),
    1478px 1048px rgba(255,0,0,0.6),
    -44px 795px rgba(255,0,0,0.56),
    39px 637px rgba(255,255,255,0.89),
    0px 869px rgba(255,255,255,0.77),
    -181px 410px rgba(255,255,255,0.51),
    -165px 900px rgba(255,215,0,0.55),
    -203px 1058px rgba(0,200,0,0.73),
    1416px -119px rgba(0,200,0,0.78),
    1224px 1119px rgba(255,0,0,0.49),
    -66px 812px rgba(255,215,0,0.58),
    298px 1093px rgba(255,215,0,0.81),
    1294px 504px rgba(255,215,0,0.43),
    189px 1039px rgba(255,255,255,0.45),
    1470px -123px rgba(255,255,255,0.79),
    -216px 465px rgba(255,255,255,0.62),
    944px 628px rgba(255,0,0,0.82),
    349px 818px rgba(0,200,0,0.54),
    1107px 774px rgba(255,215,0,0.41),
    621px 917px rgba(255,215,0,0.55),
    1773px 248px rgba(255,215,0,0.47),
    783px 565px rgba(255,0,0,0.38),
    507px 784px rgba(255,0,0,0.47),
    495px 299px rgba(255,0,0,0.69),
    998px -79px rgba(0,200,0,0.55),
    254px 741px rgba(255,255,255,0.65),
    -185px 276px rgba(255,255,255,0.78),
    1094px 560px rgba(0,200,0,0.9),
    -276px 981px rgba(255,255,255,0.72),
    1106px 1174px rgba(255,0,0,0.7),
    1177px 693px rgba(255,255,255,0.57),
    992px 484px rgba(255,255,255,0.48),
    1105px 144px rgba(0,200,0,0.84),
    1266px -123px rgba(255,255,255,0.85),
    1749px 293px rgba(0,200,0,0.85),
    1241px 504px rgba(255,215,0,0.39),
    201px 293px rgba(255,215,0,0.65),
    -76px 529px rgba(255,255,255,0.38),
    922px -30px rgba(255,215,0,0.63),
    693px 1074px rgba(255,255,255,0.62),
    1109px 258px rgba(255,255,255,0.92),
    1752px 927px rgba(255,215,0,0.89),
    1081px -151px rgba(255,0,0,0.46),
    1453px 1102px rgba(0,200,0,0.65),
    1655px 845px rgba(0,200,0,0.38),
    1034px 507px rgba(0,200,0,0.88),
    -169px 699px rgba(255,215,0,0.65),
    -243px 406px rgba(0,200,0,0.79),
    -44px 268px rgba(255,255,255,0.52),
    1164px 620px rgba(255,0,0,0.38),
    1734px 1129px rgba(255,0,0,0.45),
    803px 824px rgba(0,200,0,0.45),
    940px 773px rgba(255,255,255,0.87),
    618px 328px rgba(255,0,0,0.67),
    1513px 1005px rgba(255,215,0,0.68),
    499px 816px rgba(255,0,0,0.91),
    1307px 582px rgba(255,255,255,0.83),
    154px -127px rgba(255,255,255,0.69),
    1160px 65px rgba(0,200,0,0.65),
    566px 244px rgba(0,200,0,0.93),
    552px -100px rgba(255,0,0,0.59),
    -256px 594px rgba(255,0,0,0.74),
    -129px 254px rgba(255,255,255,0.79),
    893px 130px rgba(255,215,0,0.53),
    1030px 184px rgba(255,215,0,0.66),
    326px 704px rgba(0,200,0,0.48),
    1791px 1106px rgba(255,255,255,0.9),
    473px 548px rgba(255,255,255,0.4),
    -126px 337px rgba(255,0,0,0.43),
    216px -1px rgba(255,215,0,0.63),
    -229px 661px rgba(255,215,0,0.66),
    1185px 186px rgba(255,0,0,0.58),
    133px 791px rgba(255,0,0,0.85),
    1030px -81px rgba(0,200,0,0.82),
    1274px 118px rgba(255,255,255,0.6),
    275px -240px rgba(255,0,0,0.45),
    1055px -184px rgba(0,200,0,0.41),
    1574px 631px rgba(255,255,255,0.91),
    -56px -135px rgba(255,255,255,0.44),
    69px 25px rgba(255,215,0,0.75),
    1500px 172px rgba(0,200,0,0.84),
    1466px 449px rgba(255,0,0,0.75),
    -261px 347px rgba(255,255,255,0.55),
    1115px 218px rgba(255,0,0,0.84),
    -36px -25px rgba(255,215,0,0.9),
    660px 6px rgba(255,0,0,0.68),
    778px 611px rgba(255,215,0,0.94),
    1218px 1032px rgba(255,255,255,0.43),
    -164px 984px rgba(255,215,0,0.52),
    -287px 467px rgba(255,0,0,0.65),
    904px -87px rgba(0,200,0,0.58),
    1033px 660px rgba(0,200,0,0.87),
    1334px 1050px rgba(0,200,0,0.76),
    541px 483px rgba(255,255,255,0.61),
    860px 1088px rgba(0,200,0,0.88),
    1286px -196px rgba(255,0,0,0.51),
    360px 144px rgba(255,0,0,0.57),
    258px 988px rgba(255,0,0,0.41),
    1px 489px rgba(255,215,0,0.38),
    1179px 16px rgba(255,0,0,0.5),
    764px 813px rgba(255,0,0,0.83),
    195px 425px rgba(255,215,0,0.52),
    1500px 231px rgba(255,0,0,0.35),
    113px 653px rgba(255,215,0,0.85),
    438px 20px rgba(255,255,255,0.58),
    558px 241px rgba(255,255,255,0.9),
    231px -79px rgba(255,215,0,0.45),
    1425px 94px rgba(255,255,255,0.82),
    951px -118px rgba(255,0,0,0.87),
    1312px 295px rgba(0,200,0,0.69),
    971px 387px rgba(255,215,0,0.71),
    -208px 1113px rgba(255,215,0,0.44),
    519px 624px rgba(255,0,0,0.48),
    1431px -116px rgba(0,200,0,0.87),
    396px 1114px rgba(0,200,0,0.38),
    -44px 669px rgba(0,200,0,0.7),
    1341px 916px rgba(255,255,255,0.78);
  opacity: 0.95;
  animation: xmas-bouncy-fall 18s linear infinite;
  pointer-events: none;
  z-index: 9990;
}

@keyframes xmas-bouncy-fall {
  0% {
    transform: translateY(0) translateX(0);
  }
  20% {
    transform: translateY(140px) translateX(-10px);
  }
  40% {
    transform: translateY(260px) translateX(8px);
  }
  60% {
    transform: translateY(360px) translateX(-6px);
  }
  80% {
    transform: translateY(440px) translateX(4px);
  }
  100% {
    transform: translateY(520px) translateX(0);
  }
}



/* Super-continuous Christmas overlay: two parallax layers, scattered, moving everywhere */

/* Front layer: slightly faster, medium icons */
body::before {
  content: "✦ 🔔 ❄️ 🎄 ⭐";
  position: fixed;
  top: -400px;
  left: 0;
  width: 100%;
  height: 800vh; /* very tall so it's always present while scrolling */
  font-size: 1.5rem;
  text-shadow:
    1884px -62px rgba(255,255,255,0.74),
    309px 1767px rgba(255,255,255,0.35),
    1933px 550px rgba(255,255,255,0.39),
    0px -223px rgba(0,200,0,0.42),
    1138px 6px rgba(255,0,0,0.6),
    1868px 1689px rgba(0,200,0,0.39),
    375px -291px rgba(255,255,255,0.77),
    1485px 1051px rgba(255,0,0,0.66),
    53px 1836px rgba(255,0,0,0.47),
    597px -268px rgba(0,200,0,0.42),
    1863px 1107px rgba(255,255,255,0.4),
    737px 1413px rgba(0,200,0,0.84),
    927px 1760px rgba(255,255,255,0.62),
    1234px -104px rgba(255,255,255,0.8),
    -284px 956px rgba(0,200,0,0.86),
    1010px 529px rgba(255,215,0,0.68),
    259px 746px rgba(255,215,0,0.95),
    1078px -91px rgba(255,215,0,0.68),
    1834px 724px rgba(0,200,0,0.69),
    -399px 1037px rgba(0,200,0,0.89),
    1657px 1171px rgba(0,200,0,0.85),
    857px -300px rgba(255,255,255,0.65),
    -265px 442px rgba(0,200,0,0.47),
    187px 1416px rgba(0,200,0,0.86),
    658px 1689px rgba(255,255,255,0.36),
    400px 182px rgba(0,200,0,0.92),
    890px 662px rgba(0,200,0,0.76),
    910px 1088px rgba(0,200,0,0.44),
    1446px 355px rgba(0,200,0,0.4),
    585px 1315px rgba(0,200,0,0.54),
    -360px 1045px rgba(255,215,0,0.79),
    1112px 1719px rgba(255,215,0,0.64),
    -127px 211px rgba(255,255,255,0.53),
    1348px 1309px rgba(255,0,0,0.55),
    619px 237px rgba(255,0,0,0.5),
    968px 548px rgba(255,255,255,0.79),
    348px 1705px rgba(255,0,0,0.73),
    351px 675px rgba(255,0,0,0.56),
    -371px 1993px rgba(255,215,0,0.42),
    817px 523px rgba(255,215,0,0.76),
    389px -178px rgba(255,255,255,0.74),
    762px 1900px rgba(255,215,0,0.51),
    411px 734px rgba(255,0,0,0.63),
    1064px -305px rgba(255,255,255,0.8),
    1865px 211px rgba(255,0,0,0.77),
    1201px 1237px rgba(255,255,255,0.92),
    -200px -37px rgba(255,215,0,0.88),
    -39px 9px rgba(255,255,255,0.9),
    1613px 1826px rgba(255,0,0,0.57),
    637px 68px rgba(255,215,0,0.55),
    1724px -288px rgba(0,200,0,0.84),
    1831px 1482px rgba(255,0,0,0.9),
    1011px 655px rgba(255,255,255,0.51),
    -396px 896px rgba(255,215,0,0.53),
    -214px -353px rgba(255,215,0,0.75),
    842px 1382px rgba(255,215,0,0.37),
    1838px 955px rgba(0,200,0,0.71),
    159px 227px rgba(0,200,0,0.72),
    685px -286px rgba(255,255,255,0.75),
    1524px 356px rgba(255,0,0,0.47),
    1299px 751px rgba(255,215,0,0.44),
    709px 577px rgba(0,200,0,0.38),
    1136px 492px rgba(255,0,0,0.48),
    918px 1607px rgba(255,0,0,0.53),
    -191px 825px rgba(0,200,0,0.43),
    1040px 206px rgba(255,0,0,0.51),
    116px -100px rgba(255,0,0,0.9),
    170px 477px rgba(0,200,0,0.44),
    -8px 1844px rgba(0,200,0,0.38),
    57px -137px rgba(0,200,0,0.82),
    1096px 113px rgba(255,255,255,0.54),
    1632px 608px rgba(0,200,0,0.45),
    497px 847px rgba(255,215,0,0.67),
    885px 241px rgba(255,215,0,0.69),
    1383px -264px rgba(0,200,0,0.73),
    85px 387px rgba(255,0,0,0.91),
    981px 838px rgba(0,200,0,0.89),
    1912px 1803px rgba(255,255,255,0.47),
    1510px 76px rgba(255,215,0,0.59),
    1446px 125px rgba(255,215,0,0.84),
    308px 64px rgba(255,215,0,0.73),
    24px -324px rgba(255,215,0,0.74),
    -75px 874px rgba(255,215,0,0.76),
    898px 158px rgba(255,255,255,0.93),
    1714px -109px rgba(0,200,0,0.78),
    -228px 986px rgba(255,215,0,0.74),
    966px 1852px rgba(255,0,0,0.5),
    102px 1493px rgba(255,0,0,0.78),
    1732px 868px rgba(255,0,0,0.87),
    189px 477px rgba(255,255,255,0.54),
    342px 1224px rgba(255,215,0,0.64),
    369px 282px rgba(255,0,0,0.47),
    1388px -245px rgba(0,200,0,0.89),
    877px 186px rgba(255,255,255,0.42),
    1629px 1365px rgba(0,200,0,0.64),
    871px 806px rgba(255,215,0,0.45),
    697px -166px rgba(255,0,0,0.76),
    1056px 856px rgba(255,255,255,0.5),
    774px 1899px rgba(0,200,0,0.76),
    1421px 609px rgba(0,200,0,0.75),
    749px -237px rgba(255,215,0,0.87),
    -239px 465px rgba(0,200,0,0.53),
    -269px 853px rgba(255,215,0,0.41),
    922px 1049px rgba(255,255,255,0.62),
    1715px 1775px rgba(255,215,0,0.44),
    1338px -34px rgba(255,215,0,0.43),
    1725px 1920px rgba(255,215,0,0.84),
    1283px 1890px rgba(0,200,0,0.7),
    1079px 1460px rgba(255,215,0,0.48),
    -366px 1711px rgba(255,255,255,0.59),
    1994px 190px rgba(255,255,255,0.76),
    932px 1141px rgba(255,255,255,0.74),
    1402px 1621px rgba(0,200,0,0.91),
    -222px 1844px rgba(255,0,0,0.5),
    -190px 1487px rgba(255,0,0,0.85),
    49px 542px rgba(255,215,0,0.39),
    957px 1523px rgba(255,215,0,0.63),
    1516px 155px rgba(0,200,0,0.59),
    1249px 656px rgba(255,255,255,0.9),
    1825px 1460px rgba(255,255,255,0.94),
    1783px 387px rgba(255,255,255,0.57),
    1319px 684px rgba(0,200,0,0.7),
    1864px 1672px rgba(255,215,0,0.49),
    1235px 412px rgba(255,0,0,0.6),
    1255px 363px rgba(255,255,255,0.37),
    273px 1166px rgba(0,200,0,0.6),
    -257px 1827px rgba(255,0,0,0.68),
    914px 881px rgba(255,215,0,0.38),
    1694px 423px rgba(255,215,0,0.67),
    1530px 769px rgba(255,0,0,0.71),
    1898px 789px rgba(255,215,0,0.58),
    829px 135px rgba(0,200,0,0.91),
    1380px 862px rgba(255,215,0,0.49),
    1499px -90px rgba(255,0,0,0.88),
    1544px 1031px rgba(0,200,0,0.45),
    1064px -143px rgba(255,255,255,0.92),
    452px 1896px rgba(0,200,0,0.87),
    1695px 92px rgba(255,215,0,0.38),
    -361px 95px rgba(0,200,0,0.35),
    44px 1993px rgba(255,255,255,0.48);
  opacity: 0.95;
  animation: xmas-layer-front 18s linear infinite;
  pointer-events: none;
  z-index: 9990;
}

/* Back layer: slower, slightly larger icons for depth */
body::after {
  content: "✦ 🔔 ❄️ 🎄 ⭐";
  position: fixed;
  top: -500px;
  left: 0;
  width: 100%;
  height: 900vh;
  font-size: 1.9rem;
  text-shadow:
    635px 934px rgba(0,200,0,0.47),
    71px 797px rgba(0,200,0,0.64),
    195px 1876px rgba(255,0,0,0.73),
    746px -284px rgba(255,255,255,0.85),
    307px 383px rgba(255,255,255,0.65),
    349px 957px rgba(255,0,0,0.54),
    1856px 666px rgba(0,200,0,0.67),
    524px 385px rgba(0,200,0,0.39),
    1894px 1392px rgba(255,0,0,0.71),
    8px 468px rgba(255,0,0,0.8),
    -12px 1962px rgba(255,0,0,0.63),
    1803px 36px rgba(255,0,0,0.51),
    1039px 1769px rgba(255,255,255,0.38),
    1985px 1774px rgba(255,255,255,0.5),
    1249px 166px rgba(255,255,255,0.81),
    -348px -257px rgba(255,0,0,0.38),
    1066px 1372px rgba(255,255,255,0.42),
    -171px 1531px rgba(255,0,0,0.84),
    203px 821px rgba(255,0,0,0.67),
    1588px 1045px rgba(255,255,255,0.9),
    1957px -398px rgba(255,255,255,0.39),
    199px -291px rgba(0,200,0,0.77),
    -39px 1509px rgba(255,255,255,0.42),
    1549px 22px rgba(0,200,0,0.88),
    580px 671px rgba(255,0,0,0.48),
    261px 272px rgba(255,0,0,0.44),
    555px 1654px rgba(255,255,255,0.81),
    1605px 1674px rgba(255,0,0,0.51),
    1531px 1299px rgba(255,215,0,0.53),
    778px 1458px rgba(255,0,0,0.87),
    1592px -111px rgba(0,200,0,0.37),
    -364px -32px rgba(255,0,0,0.75),
    1690px 435px rgba(255,255,255,0.76),
    277px 44px rgba(255,255,255,0.92),
    762px 1485px rgba(255,255,255,0.88),
    394px 1353px rgba(255,215,0,0.86),
    -48px 1744px rgba(0,200,0,0.54),
    751px 1108px rgba(255,255,255,0.8),
    1748px 1213px rgba(255,255,255,0.65),
    644px 1150px rgba(255,215,0,0.93),
    -77px 723px rgba(0,200,0,0.76),
    163px 1072px rgba(255,0,0,0.91),
    468px 1897px rgba(255,0,0,0.71),
    1761px -310px rgba(255,0,0,0.86),
    123px 709px rgba(255,215,0,0.83),
    -153px 1712px rgba(255,255,255,0.79),
    -46px 830px rgba(255,255,255,0.4),
    -380px -207px rgba(0,200,0,0.62),
    1629px 1257px rgba(255,0,0,0.82),
    1360px -382px rgba(255,255,255,0.42),
    118px -243px rgba(255,215,0,0.9),
    644px 314px rgba(255,0,0,0.68),
    -115px -216px rgba(255,255,255,0.68),
    1695px -107px rgba(255,255,255,0.46),
    435px 1817px rgba(255,215,0,0.69),
    929px 1520px rgba(255,255,255,0.49),
    1965px 1386px rgba(255,255,255,0.91),
    1880px 401px rgba(255,0,0,0.59),
    467px 856px rgba(255,215,0,0.74),
    990px 1358px rgba(255,215,0,0.46),
    473px 641px rgba(0,200,0,0.56),
    247px 1012px rgba(255,215,0,0.75),
    1757px 1430px rgba(255,255,255,0.53),
    580px -15px rgba(255,0,0,0.64),
    743px 784px rgba(255,0,0,0.45),
    811px 1984px rgba(255,255,255,0.6),
    1238px 18px rgba(255,215,0,0.76),
    1536px 1607px rgba(0,200,0,0.9),
    1180px 1190px rgba(255,255,255,0.87),
    669px -301px rgba(255,215,0,0.93),
    764px 1396px rgba(255,255,255,0.66),
    1924px -317px rgba(255,255,255,0.7),
    954px 1128px rgba(255,0,0,0.74),
    1034px 1059px rgba(255,255,255,0.44),
    188px 277px rgba(255,215,0,0.38),
    1006px 1063px rgba(255,215,0,0.92),
    160px 308px rgba(255,0,0,0.55),
    1538px 13px rgba(255,255,255,0.66),
    548px 420px rgba(255,0,0,0.78),
    1578px 38px rgba(255,255,255,0.72),
    -311px -29px rgba(255,215,0,0.37),
    1593px 1515px rgba(255,0,0,0.52),
    394px 1687px rgba(0,200,0,0.57),
    1993px -271px rgba(0,200,0,0.75),
    333px 1894px rgba(255,215,0,0.83),
    1036px 846px rgba(255,0,0,0.38),
    1737px 372px rgba(255,255,255,0.57),
    1563px 604px rgba(255,255,255,0.42),
    1436px 1171px rgba(255,255,255,0.79),
    -7px 1114px rgba(255,255,255,0.45),
    556px 762px rgba(255,215,0,0.83),
    678px 950px rgba(255,215,0,0.91),
    888px 538px rgba(255,0,0,0.89),
    -220px -291px rgba(0,200,0,0.93),
    -298px 1333px rgba(0,200,0,0.87),
    1345px 534px rgba(0,200,0,0.71),
    848px 955px rgba(255,0,0,0.49),
    966px 1601px rgba(255,255,255,0.71),
    340px 1238px rgba(255,255,255,0.64),
    221px 367px rgba(255,0,0,0.37),
    -196px 296px rgba(255,215,0,0.36),
    1610px 643px rgba(255,0,0,0.69),
    746px 1331px rgba(255,0,0,0.91),
    1519px -250px rgba(255,215,0,0.43),
    1490px 350px rgba(0,200,0,0.41),
    1891px 703px rgba(255,0,0,0.8),
    1108px 1736px rgba(0,200,0,0.5),
    788px 703px rgba(255,255,255,0.62),
    638px 992px rgba(255,0,0,0.45),
    1876px 1580px rgba(0,200,0,0.87),
    -268px -277px rgba(255,255,255,0.82),
    1182px 465px rgba(0,200,0,0.83),
    105px 867px rgba(255,215,0,0.84),
    865px 494px rgba(255,255,255,0.73),
    611px 1826px rgba(255,255,255,0.51),
    28px 124px rgba(255,0,0,0.75),
    79px 1699px rgba(0,200,0,0.7),
    861px 1323px rgba(255,215,0,0.42),
    128px 583px rgba(0,200,0,0.76),
    1629px -48px rgba(0,200,0,0.78),
    1368px 1233px rgba(255,255,255,0.58),
    -298px 418px rgba(0,200,0,0.48),
    1208px 1347px rgba(0,200,0,0.42),
    1745px 1066px rgba(0,200,0,0.71),
    278px 836px rgba(0,200,0,0.62),
    -127px 1781px rgba(255,0,0,0.39),
    1302px 698px rgba(0,200,0,0.59),
    1749px 551px rgba(255,255,255,0.79),
    -334px 1276px rgba(255,255,255,0.86),
    1255px 643px rgba(255,0,0,0.57),
    92px 546px rgba(255,0,0,0.54),
    832px 795px rgba(255,255,255,0.41),
    492px 1366px rgba(255,0,0,0.54),
    762px 1357px rgba(255,215,0,0.54),
    819px -283px rgba(255,215,0,0.53),
    1067px -50px rgba(255,0,0,0.94),
    1637px 1654px rgba(255,215,0,0.64),
    1177px -149px rgba(255,255,255,0.88),
    870px 570px rgba(0,200,0,0.75),
    1978px 500px rgba(255,255,255,0.36),
    -261px 1367px rgba(255,255,255,0.93),
    1131px 840px rgba(255,0,0,0.4),
    1776px 538px rgba(255,215,0,0.58),
    -361px 621px rgba(255,255,255,0.59),
    1708px 1001px rgba(255,255,255,0.93),
    1718px -307px rgba(255,255,255,0.6),
    1388px 379px rgba(255,0,0,0.36),
    41px -19px rgba(255,215,0,0.82),
    428px 984px rgba(0,200,0,0.55),
    1512px 1843px rgba(255,215,0,0.82),
    134px 1856px rgba(255,0,0,0.57),
    249px 1314px rgba(255,255,255,0.43),
    1251px 367px rgba(255,0,0,0.37),
    1658px 1330px rgba(0,200,0,0.43),
    1890px 280px rgba(255,255,255,0.43),
    96px 236px rgba(255,215,0,0.65),
    396px 567px rgba(255,0,0,0.58),
    1604px 1534px rgba(255,255,255,0.66),
    1530px 52px rgba(255,215,0,0.37),
    255px 1552px rgba(255,0,0,0.51);
  opacity: 0.75;
  animation: xmas-layer-back 26s linear infinite;
  pointer-events: none;
  z-index: 9989;
}

/* Front layer motion: diagonal drift + gentle side-to-side for bouncy feeling */
@keyframes xmas-layer-front {
  0%   { transform: translate3d(0,   0,   0); }
  20%  { transform: translate3d(-20px, 180px, 0); }
  40%  { transform: translate3d(25px,  360px, 0); }
  60%  { transform: translate3d(-30px, 540px, 0); }
  80%  { transform: translate3d(20px,  720px, 0); }
  100% { transform: translate3d(0,   900px, 0); }
}

/* Back layer motion: slower, wide horizontal sway for continuous movement everywhere */
@keyframes xmas-layer-back {
  0%   { transform: translate3d(0,    0,   0); }
  25%  { transform: translate3d(40px, 220px, 0); }
  50%  { transform: translate3d(-50px, 460px, 0); }
  75%  { transform: translate3d(35px,  720px, 0); }
  100% { transform: translate3d(0,   1000px, 0); }
}



/* Final continuous-style Christmas overlay + Santa */

/* Front layer: medium icons, slow long-loop fall */
body::before {
  content: "✦ 🔔 ❄️ 🎄 ⭐";
  position: fixed;
  top: -400px;
  left: 0;
  width: 100%;
  height: 900vh;
  font-size: 1.5rem;
  text-shadow:
    1857px -124px rgba(255,215,0,0.46),
    268px 774px rgba(255,215,0,0.92),
    888px 1527px rgba(0,200,0,0.6),
    260px 830px rgba(255,215,0,0.85),
    476px 313px rgba(0,200,0,0.73),
    1126px 1238px rgba(255,215,0,0.75),
    1116px 785px rgba(255,0,0,0.73),
    822px -191px rgba(255,255,255,0.59),
    1554px 963px rgba(255,215,0,0.8),
    1282px 171px rgba(255,215,0,0.83),
    1644px -116px rgba(255,255,255,0.65),
    222px -98px rgba(255,215,0,0.71),
    249px 205px rgba(0,200,0,0.78),
    -347px 357px rgba(255,0,0,0.64),
    1494px 1830px rgba(255,255,255,0.7),
    932px 1103px rgba(255,0,0,0.51),
    1049px 373px rgba(255,255,255,0.7),
    -138px 1919px rgba(255,215,0,0.52),
    1026px -186px rgba(255,255,255,0.48),
    95px 476px rgba(255,215,0,0.42),
    1470px -265px rgba(0,200,0,0.69),
    1681px -266px rgba(255,0,0,0.62),
    -286px -75px rgba(255,255,255,0.66),
    -364px 1872px rgba(255,255,255,0.49),
    1276px 1269px rgba(255,0,0,0.57),
    1160px 317px rgba(0,200,0,0.62),
    640px 695px rgba(255,255,255,0.66),
    1731px 1340px rgba(255,0,0,0.44),
    1281px 730px rgba(255,0,0,0.72),
    784px 10px rgba(255,255,255,0.55),
    542px 1740px rgba(0,200,0,0.8),
    -395px 171px rgba(255,0,0,0.72),
    1061px 155px rgba(255,255,255,0.41),
    316px -274px rgba(0,200,0,0.51),
    422px 484px rgba(255,0,0,0.69),
    1044px -387px rgba(255,215,0,0.36),
    1806px 1648px rgba(255,215,0,0.49),
    -212px -22px rgba(255,0,0,0.8),
    994px 1688px rgba(255,0,0,0.36),
    706px 220px rgba(0,200,0,0.36),
    1835px 927px rgba(0,200,0,0.84),
    1507px 20px rgba(255,0,0,0.75),
    1729px 837px rgba(255,215,0,0.45),
    1494px 699px rgba(0,200,0,0.39),
    1251px -164px rgba(255,215,0,0.58),
    983px 745px rgba(255,255,255,0.49),
    1432px 543px rgba(255,255,255,0.92),
    575px 90px rgba(0,200,0,0.39),
    100px 1893px rgba(255,255,255,0.79),
    1775px 1723px rgba(255,215,0,0.67),
    434px 402px rgba(255,0,0,0.49),
    -165px 1103px rgba(255,0,0,0.54),
    1284px 1611px rgba(255,0,0,0.87),
    1895px 1172px rgba(255,0,0,0.37),
    -389px 845px rgba(255,0,0,0.73),
    1091px -261px rgba(255,215,0,0.77),
    -252px 72px rgba(0,200,0,0.43),
    1221px 1244px rgba(255,215,0,0.45),
    187px -150px rgba(255,255,255,0.49),
    1364px 1001px rgba(255,215,0,0.38),
    273px 1466px rgba(255,255,255,0.64),
    158px 1765px rgba(255,0,0,0.74),
    -66px 831px rgba(255,215,0,0.94),
    -250px 198px rgba(255,215,0,0.74),
    1002px -301px rgba(0,200,0,0.57),
    1025px -345px rgba(255,255,255,0.67),
    1393px 1500px rgba(0,200,0,0.74),
    1811px 424px rgba(255,255,255,0.43),
    419px -103px rgba(255,215,0,0.79),
    -64px -71px rgba(255,0,0,0.6),
    -334px -289px rgba(255,215,0,0.77),
    1920px 811px rgba(0,200,0,0.39),
    1256px 859px rgba(255,215,0,0.66),
    1842px 1967px rgba(0,200,0,0.56),
    1758px 1353px rgba(0,200,0,0.77),
    -285px 1938px rgba(0,200,0,0.92),
    -22px 1819px rgba(255,255,255,0.53),
    -36px 1463px rgba(255,215,0,0.72),
    1826px 1604px rgba(0,200,0,0.9),
    318px 610px rgba(255,215,0,0.73),
    650px 815px rgba(255,215,0,0.37),
    661px 46px rgba(255,0,0,0.36),
    369px 1371px rgba(255,255,255,0.93),
    1041px 13px rgba(255,255,255,0.85),
    850px 1539px rgba(0,200,0,0.89),
    677px 1891px rgba(255,215,0,0.67),
    1507px 447px rgba(255,0,0,0.87),
    -274px 55px rgba(255,215,0,0.6),
    54px 552px rgba(0,200,0,0.53),
    449px 1686px rgba(255,215,0,0.6),
    -298px 623px rgba(255,0,0,0.59),
    1083px 1960px rgba(0,200,0,0.78),
    246px 77px rgba(255,255,255,0.81),
    890px 175px rgba(255,215,0,0.49),
    603px 1827px rgba(255,0,0,0.43),
    1216px 674px rgba(255,215,0,0.39),
    134px 596px rgba(255,0,0,0.48),
    865px -356px rgba(255,255,255,0.71),
    1379px 1295px rgba(255,255,255,0.82),
    1700px 1221px rgba(255,0,0,0.61),
    838px 1267px rgba(255,0,0,0.58),
    1126px 471px rgba(255,215,0,0.76),
    1432px 479px rgba(255,255,255,0.89),
    -7px 784px rgba(0,200,0,0.93),
    1903px 682px rgba(255,215,0,0.93),
    561px -268px rgba(255,255,255,0.84),
    606px -101px rgba(255,255,255,0.86),
    682px 1468px rgba(255,0,0,0.6),
    -306px 13px rgba(255,255,255,0.36),
    593px 708px rgba(255,215,0,0.43),
    1103px 734px rgba(0,200,0,0.39),
    -400px 296px rgba(0,200,0,0.85),
    287px 96px rgba(0,200,0,0.75),
    -202px 1381px rgba(0,200,0,0.67),
    151px 847px rgba(0,200,0,0.36),
    827px 206px rgba(0,200,0,0.72),
    -127px 1969px rgba(255,255,255,0.64),
    1592px 385px rgba(0,200,0,0.44),
    1007px 766px rgba(0,200,0,0.56),
    976px 1649px rgba(255,215,0,0.68),
    1914px 776px rgba(255,0,0,0.79),
    -131px 366px rgba(0,200,0,0.68),
    1362px 1129px rgba(255,215,0,0.76),
    730px -217px rgba(255,255,255,0.51),
    509px 1519px rgba(0,200,0,0.39),
    1542px 1841px rgba(0,200,0,0.41),
    1672px 1244px rgba(255,215,0,0.48),
    -136px 1299px rgba(255,255,255,0.81),
    -22px 1010px rgba(255,255,255,0.81),
    840px 1160px rgba(255,255,255,0.47),
    1267px 446px rgba(255,0,0,0.83),
    986px 232px rgba(255,255,255,0.87),
    1324px 195px rgba(255,0,0,0.66),
    426px 1686px rgba(0,200,0,0.62),
    584px -151px rgba(255,215,0,0.46),
    242px -57px rgba(255,215,0,0.61),
    -2px 1422px rgba(255,215,0,0.59),
    196px -281px rgba(255,255,255,0.78),
    887px 1577px rgba(255,255,255,0.73),
    92px 766px rgba(255,215,0,0.89);
  opacity: 0.9;
  animation: xmas-layer-front-smooth 90s linear infinite;
  pointer-events: none;
  z-index: 9990;
}

/* Back layer: slightly larger icons for depth, even slower */
body::after {
  content: "✦ 🔔 ❄️ 🎄 ⭐";
  position: fixed;
  top: -500px;
  left: 0;
  width: 100%;
  height: 1000vh;
  font-size: 1.9rem;
  text-shadow:
    -202px 867px rgba(255,215,0,0.52),
    1759px -362px rgba(255,215,0,0.61),
    1064px 1985px rgba(255,0,0,0.85),
    1715px 203px rgba(255,215,0,0.8),
    798px 1915px rgba(255,255,255,0.42),
    1911px -345px rgba(255,255,255,0.51),
    1400px 105px rgba(255,255,255,0.83),
    827px -72px rgba(255,255,255,0.52),
    335px 407px rgba(255,255,255,0.61),
    578px 182px rgba(255,215,0,0.81),
    1258px 1304px rgba(255,255,255,0.64),
    768px 79px rgba(255,255,255,0.58),
    -51px 1375px rgba(255,255,255,0.6),
    1368px 412px rgba(255,255,255,0.88),
    1036px 562px rgba(255,0,0,0.79),
    -149px 373px rgba(255,0,0,0.51),
    451px 282px rgba(255,0,0,0.76),
    1383px 151px rgba(255,255,255,0.9),
    905px -370px rgba(255,255,255,0.4),
    1716px -340px rgba(0,200,0,0.72),
    973px 700px rgba(255,255,255,0.38),
    1375px 429px rgba(0,200,0,0.55),
    359px -219px rgba(255,255,255,0.93),
    1539px 1429px rgba(255,0,0,0.66),
    422px 670px rgba(255,215,0,0.51),
    1619px 1367px rgba(0,200,0,0.83),
    1218px 955px rgba(255,0,0,0.84),
    1350px 1187px rgba(255,0,0,0.51),
    775px 505px rgba(255,255,255,0.8),
    1997px 219px rgba(0,200,0,0.55),
    171px 675px rgba(255,215,0,0.37),
    1577px 1351px rgba(0,200,0,0.36),
    1536px 1015px rgba(255,215,0,0.43),
    709px 260px rgba(255,0,0,0.48),
    991px 1755px rgba(0,200,0,0.4),
    1512px 1928px rgba(255,215,0,0.47),
    -130px 862px rgba(255,0,0,0.86),
    -183px 1714px rgba(255,255,255,0.48),
    1618px 6px rgba(255,215,0,0.65),
    840px 646px rgba(255,215,0,0.67),
    492px 848px rgba(255,255,255,0.62),
    367px 1243px rgba(255,0,0,0.79),
    929px -331px rgba(255,255,255,0.59),
    -169px 442px rgba(255,0,0,0.75),
    1229px 620px rgba(255,215,0,0.47),
    7px 836px rgba(255,255,255,0.48),
    187px 1512px rgba(255,255,255,0.59),
    -292px 1991px rgba(255,255,255,0.9),
    1969px -302px rgba(0,200,0,0.4),
    -11px -356px rgba(0,200,0,0.54),
    1234px 590px rgba(255,255,255,0.76),
    1522px 990px rgba(255,0,0,0.63),
    -327px 975px rgba(255,255,255,0.94),
    822px 292px rgba(255,0,0,0.73),
    939px 1474px rgba(0,200,0,0.58),
    1278px 1897px rgba(255,0,0,0.59),
    1952px 418px rgba(255,255,255,0.75),
    1561px 371px rgba(255,0,0,0.52),
    1596px 821px rgba(0,200,0,0.76),
    1706px 756px rgba(255,255,255,0.7),
    337px 494px rgba(255,0,0,0.62),
    1688px 235px rgba(255,215,0,0.8),
    222px 1030px rgba(255,255,255,0.56),
    1348px 1222px rgba(255,0,0,0.92),
    812px 1230px rgba(255,0,0,0.75),
    -41px 259px rgba(0,200,0,0.58),
    1134px 106px rgba(255,215,0,0.79),
    1930px 1159px rgba(0,200,0,0.92),
    1629px 753px rgba(255,215,0,0.92),
    200px 111px rgba(255,255,255,0.65),
    291px 44px rgba(0,200,0,0.42),
    -238px 629px rgba(255,255,255,0.72),
    -95px 1083px rgba(0,200,0,0.5),
    1317px 574px rgba(255,255,255,0.94),
    170px 332px rgba(255,215,0,0.73),
    1640px 542px rgba(255,255,255,0.55),
    820px 1427px rgba(255,255,255,0.77),
    -381px 379px rgba(0,200,0,0.72),
    1326px 336px rgba(255,255,255,0.57),
    452px -93px rgba(0,200,0,0.73),
    1409px -390px rgba(255,0,0,0.91),
    847px 1368px rgba(255,0,0,0.76),
    1201px 561px rgba(255,255,255,0.59),
    1762px 892px rgba(255,215,0,0.41),
    772px 1757px rgba(255,215,0,0.85),
    1924px 670px rgba(255,215,0,0.65),
    81px 481px rgba(255,255,255,0.74),
    88px 480px rgba(255,255,255,0.65),
    841px 1652px rgba(255,0,0,0.69),
    1177px 558px rgba(255,0,0,0.77),
    1837px 1254px rgba(255,0,0,0.65),
    -186px -388px rgba(255,0,0,0.63),
    1725px 1650px rgba(255,215,0,0.58),
    228px 626px rgba(0,200,0,0.88),
    390px -11px rgba(0,200,0,0.89),
    -206px 39px rgba(255,255,255,0.84),
    522px 828px rgba(255,0,0,0.53),
    461px 894px rgba(255,255,255,0.68),
    129px -272px rgba(255,0,0,0.94),
    630px 1594px rgba(255,0,0,0.87),
    1956px 1150px rgba(255,255,255,0.65),
    1463px 744px rgba(255,215,0,0.86),
    1473px 1241px rgba(0,200,0,0.78),
    -261px 66px rgba(0,200,0,0.71),
    867px 955px rgba(0,200,0,0.78),
    772px 118px rgba(255,0,0,0.83),
    1561px -185px rgba(255,255,255,0.79),
    653px 338px rgba(0,200,0,0.45),
    17px 928px rgba(0,200,0,0.36),
    227px 574px rgba(0,200,0,0.87),
    1812px 1822px rgba(255,215,0,0.55),
    1404px 617px rgba(255,0,0,0.95),
    565px 1875px rgba(255,255,255,0.52),
    660px 1189px rgba(255,0,0,0.9),
    1394px 1260px rgba(255,255,255,0.91),
    727px -164px rgba(0,200,0,0.79),
    1469px -118px rgba(255,0,0,0.9),
    1469px 1653px rgba(255,215,0,0.75),
    565px 657px rgba(0,200,0,0.79),
    1580px 571px rgba(0,200,0,0.79),
    1446px 1124px rgba(255,0,0,0.78),
    1901px -138px rgba(255,215,0,0.77),
    702px 459px rgba(255,215,0,0.45),
    -282px 761px rgba(255,0,0,0.52),
    -23px 1100px rgba(0,200,0,0.43),
    -227px 873px rgba(255,0,0,0.93),
    -85px -237px rgba(0,200,0,0.38),
    1858px 199px rgba(0,200,0,0.84),
    678px 1416px rgba(255,0,0,0.8),
    -338px 1019px rgba(255,215,0,0.49),
    823px 581px rgba(0,200,0,0.48),
    817px 1977px rgba(255,0,0,0.8),
    1389px 596px rgba(255,0,0,0.51),
    1640px -74px rgba(255,215,0,0.87),
    -109px 470px rgba(255,215,0,0.37),
    182px 1622px rgba(0,200,0,0.62),
    -369px 13px rgba(255,215,0,0.73),
    -229px -381px rgba(255,215,0,0.85),
    786px 93px rgba(255,255,255,0.36),
    1700px 834px rgba(0,200,0,0.79),
    -267px 377px rgba(0,200,0,0.61),
    408px 931px rgba(255,255,255,0.7),
    1346px 1764px rgba(0,200,0,0.49),
    1978px 592px rgba(255,215,0,0.57),
    1444px 1761px rgba(255,0,0,0.5),
    1672px 62px rgba(255,255,255,0.51),
    550px -400px rgba(255,255,255,0.52),
    -43px 1933px rgba(0,200,0,0.63),
    1185px 230px rgba(255,215,0,0.88),
    115px 1308px rgba(255,215,0,0.47),
    550px 1348px rgba(255,0,0,0.46),
    -54px 856px rgba(255,215,0,0.55),
    1570px 1863px rgba(255,215,0,0.44),
    701px 1045px rgba(255,0,0,0.45),
    -150px -395px rgba(255,255,255,0.57),
    -302px -134px rgba(0,200,0,0.75),
    1793px 592px rgba(255,0,0,0.79),
    -61px 1189px rgba(255,255,255,0.63),
    1742px 491px rgba(255,215,0,0.86),
    -81px 1926px rgba(255,215,0,0.42);
  opacity: 0.7;
  animation: xmas-layer-back-smooth 140s linear infinite;
  pointer-events: none;
  z-index: 9989;
}

/* Smooth long-loop motion: gentle diagonal drift without sudden jumps */
@keyframes xmas-layer-front-smooth {
  0%   { transform: translate3d(0,    -200px, 0); }
  25%  { transform: translate3d(-25px, 200px, 0); }
  50%  { transform: translate3d(20px,  600px, 0); }
  75%  { transform: translate3d(-20px, 1000px, 0); }
  100% { transform: translate3d(0,   1400px, 0); }
}

@keyframes xmas-layer-back-smooth {
  0%   { transform: translate3d(0,   -300px, 0); }
  25%  { transform: translate3d(35px,  260px, 0); }
  50%  { transform: translate3d(-40px, 800px, 0); }
  75%  { transform: translate3d(30px, 1350px, 0); }
  100% { transform: translate3d(0,   1900px, 0); }
}

/* Santa chariot: smooth continuous glide across the top */
html::after {
  content: "🎅";
  position: fixed;
  top: 18px;
  left: -15%;
  font-size: 2.4rem;
  z-index: 9992;
  opacity: 0.85;
  animation: santa-chariot-glide 40s linear infinite;
  pointer-events: none;
  text-shadow:
    0 0 6px rgba(255,255,255,0.9),
    0 0 12px rgba(200,0,0,0.8);
}

@keyframes santa-chariot-glide {
  0%   { transform: translateX(0); opacity: 0; }
  10%  { opacity: 0.9; }
  90%  { opacity: 0.9; }
  100% { transform: translateX(130vw); opacity: 0; }
}



/* Reduced density version */
body::before {
  content: "✦ 🔔 ❄️ 🎄 ⭐";
  position: fixed;
  top: -400px;
  left: 0;
  width: 100%;
  height: 900vh;
  font-size: 1.5rem;
  text-shadow:
        -115px 151px rgba(255,215,0,0.43),
        1422px -87px rgba(255,215,0,0.76),
        -119px 470px rgba(255,255,255,0.85),
        807px 539px rgba(255,255,255,0.56),
        351px 628px rgba(255,0,0,0.89),
        995px 276px rgba(0,200,0,0.37),
        750px 1195px rgba(255,255,255,0.36),
        1416px 208px rgba(0,200,0,0.38),
        -119px 778px rgba(255,255,255,0.7),
        99px 214px rgba(255,255,255,0.77),
        48px 375px rgba(255,0,0,0.53),
        -81px 590px rgba(255,215,0,0.52),
        967px 165px rgba(0,200,0,0.48),
        1424px 86px rgba(0,200,0,0.47),
        601px 178px rgba(0,200,0,0.52),
        1394px 1179px rgba(255,255,255,0.75),
        899px 984px rgba(255,255,255,0.76),
        1374px 1096px rgba(255,215,0,0.84),
        -186px 1185px rgba(255,215,0,0.73),
        343px 302px rgba(255,255,255,0.42),
        1318px 674px rgba(255,0,0,0.62),
        686px 286px rgba(255,0,0,0.65),
        275px 209px rgba(255,255,255,0.57),
        667px 958px rgba(255,215,0,0.45),
        -184px 237px rgba(255,215,0,0.79),
        1406px 607px rgba(255,215,0,0.53),
        850px 1061px rgba(255,215,0,0.35),
        1159px 1117px rgba(255,215,0,0.46),
        660px 837px rgba(255,255,255,0.51),
        248px 1073px rgba(0,200,0,0.62),
        76px 857px rgba(255,215,0,0.46),
        612px 939px rgba(255,0,0,0.71),
        1139px -152px rgba(255,215,0,0.66),
        72px 733px rgba(255,255,255,0.47),
        -52px 615px rgba(0,200,0,0.46),
        1326px 803px rgba(0,200,0,0.37),
        662px 909px rgba(0,200,0,0.61),
        1305px 621px rgba(255,255,255,0.36),
        259px -59px rgba(255,255,255,0.58),
        824px 557px rgba(255,215,0,0.9),
        -144px -135px rgba(0,200,0,0.81),
        589px 51px rgba(255,0,0,0.36),
        1041px 302px rgba(255,215,0,0.76),
        -201px 1071px rgba(255,0,0,0.9),
        563px 856px rgba(255,0,0,0.75),
        734px 663px rgba(255,215,0,0.39),
        577px 1143px rgba(255,255,255,0.8),
        729px 209px rgba(0,200,0,0.49),
        1440px 920px rgba(255,215,0,0.76),
        804px 806px rgba(255,215,0,0.72),
        810px 1165px rgba(255,255,255,0.38),
        828px -204px rgba(255,0,0,0.53),
        758px 980px rgba(255,0,0,0.41),
        998px 1181px rgba(0,200,0,0.52),
        1573px 103px rgba(255,0,0,0.83),
        685px 664px rgba(255,0,0,0.49),
        1085px 531px rgba(0,200,0,0.38),
        1349px 748px rgba(255,215,0,0.57),
        1342px 604px rgba(255,0,0,0.76),
        -173px -116px rgba(255,0,0,0.66),
        668px 370px rgba(255,215,0,0.89),
        137px 1028px rgba(255,0,0,0.57),
        1455px 132px rgba(255,215,0,0.43),
        689px 462px rgba(0,200,0,0.61),
        241px 716px rgba(255,215,0,0.67),
        1598px 1127px rgba(255,0,0,0.4),
        859px 1005px rgba(255,255,255,0.82),
        315px 297px rgba(255,215,0,0.67),
        1144px 729px rgba(255,215,0,0.89),
        1450px 222px rgba(255,0,0,0.41);
  opacity: 0.85;
  animation: xmas-layer-front-smooth 90s linear infinite;
  pointer-events:none;
  z-index:9990;
}

body::after {
  content: "✦ 🔔 ❄️ 🎄 ⭐";
  position: fixed;
  top: -500px;
  left:0;
  width:100%;
  height:1000vh;
  font-size:1.9rem;
  text-shadow:
        514px 138px rgba(0,200,0,0.53),
        981px -221px rgba(255,0,0,0.64),
        1445px 449px rgba(0,200,0,0.73),
        158px 0px rgba(0,200,0,0.73),
        604px 590px rgba(255,255,255,0.53),
        -15px 375px rgba(255,255,255,0.44),
        1389px 440px rgba(0,200,0,0.38),
        607px 157px rgba(255,0,0,0.47),
        181px 1076px rgba(255,255,255,0.64),
        1305px 830px rgba(255,255,255,0.36),
        1144px 524px rgba(255,255,255,0.63),
        726px -112px rgba(255,255,255,0.62),
        -273px 33px rgba(255,215,0,0.42),
        1170px 1074px rgba(0,200,0,0.36),
        -88px 884px rgba(255,255,255,0.63),
        285px 441px rgba(255,255,255,0.74),
        448px 798px rgba(255,255,255,0.36),
        1145px 484px rgba(255,255,255,0.66),
        24px 460px rgba(255,255,255,0.52),
        763px 919px rgba(255,255,255,0.78),
        674px -159px rgba(255,255,255,0.7),
        1337px 207px rgba(255,215,0,0.86),
        -230px -146px rgba(0,200,0,0.53),
        753px 671px rgba(255,215,0,0.73),
        -135px 886px rgba(255,215,0,0.38),
        -11px -186px rgba(0,200,0,0.54),
        1250px 1106px rgba(255,0,0,0.47),
        593px 717px rgba(255,255,255,0.85),
        -207px 804px rgba(0,200,0,0.72),
        1220px 738px rgba(255,215,0,0.52),
        -116px 1175px rgba(255,255,255,0.5),
        88px 299px rgba(255,0,0,0.76),
        1478px 417px rgba(255,255,255,0.44),
        1560px 989px rgba(255,255,255,0.77),
        783px 567px rgba(255,255,255,0.67),
        205px 1153px rgba(255,0,0,0.83),
        315px 499px rgba(255,255,255,0.9),
        437px 506px rgba(255,255,255,0.59),
        1473px 866px rgba(255,255,255,0.53),
        25px 387px rgba(0,200,0,0.46),
        1120px 367px rgba(255,255,255,0.62),
        763px 1148px rgba(255,255,255,0.77),
        120px -215px rgba(0,200,0,0.8),
        -266px 129px rgba(255,255,255,0.89),
        531px 1135px rgba(255,215,0,0.52),
        625px 21px rgba(0,200,0,0.61),
        118px 84px rgba(0,200,0,0.72),
        1197px 435px rgba(255,0,0,0.72),
        -68px 378px rgba(0,200,0,0.44),
        390px 911px rgba(255,255,255,0.65),
        216px 367px rgba(0,200,0,0.87),
        1446px 537px rgba(255,255,255,0.56),
        -291px 384px rgba(0,200,0,0.64),
        -153px 558px rgba(255,0,0,0.38),
        1392px 50px rgba(0,200,0,0.52),
        724px 402px rgba(255,255,255,0.58),
        1290px 628px rgba(255,0,0,0.42),
        549px 382px rgba(0,200,0,0.77),
        303px 525px rgba(255,215,0,0.8),
        277px 419px rgba(255,0,0,0.9),
        65px 510px rgba(255,255,255,0.8),
        958px 187px rgba(255,215,0,0.68),
        -126px 513px rgba(0,200,0,0.73),
        524px -207px rgba(255,255,255,0.56),
        -61px 329px rgba(255,215,0,0.36),
        1063px 352px rgba(255,215,0,0.81),
        459px -203px rgba(255,255,255,0.73),
        89px 408px rgba(255,215,0,0.36),
        313px 985px rgba(255,215,0,0.62),
        1311px 349px rgba(255,215,0,0.36),
        599px 509px rgba(0,200,0,0.67),
        1149px 1102px rgba(255,215,0,0.71),
        -232px -80px rgba(255,255,255,0.52),
        -212px 533px rgba(0,200,0,0.66),
        -73px 814px rgba(255,215,0,0.52),
        1470px 92px rgba(0,200,0,0.75),
        1093px 264px rgba(0,200,0,0.77),
        720px 1051px rgba(255,0,0,0.71),
        1547px 757px rgba(255,215,0,0.49),
        423px 274px rgba(0,200,0,0.39);
  opacity:0.65;
  animation:xmas-layer-back-smooth 140s linear infinite;
  pointer-events:none;
  z-index:9989;
}



/* Further reduced density */
body::before {
  content: "✦ 🔔 ❄️ 🎄 ⭐";
  position: fixed;
  top: -400px;
  left: 0;
  width: 100%;
  height: 900vh;
  font-size: 1.4rem;
  text-shadow:
        37px 606px rgba(255,215,0,0.69),
        681px 192px rgba(255,255,255,0.84),
        1354px 799px rgba(0,200,0,0.44),
        1314px -244px rgba(255,255,255,0.36),
        -159px 46px rgba(0,200,0,0.75),
        1587px 226px rgba(255,255,255,0.7),
        1212px 583px rgba(255,0,0,0.66),
        373px 856px rgba(255,0,0,0.6),
        1028px 504px rgba(255,0,0,0.36),
        -45px -210px rgba(255,215,0,0.58),
        521px 742px rgba(255,0,0,0.43),
        662px 231px rgba(0,200,0,0.39),
        127px 1129px rgba(255,0,0,0.83),
        -50px 897px rgba(255,255,255,0.59),
        111px 448px rgba(255,255,255,0.81),
        297px 497px rgba(255,255,255,0.83),
        351px 742px rgba(255,0,0,0.54),
        1408px -59px rgba(255,255,255,0.43),
        -295px 756px rgba(0,200,0,0.39),
        870px 997px rgba(255,0,0,0.51),
        70px 1121px rgba(255,215,0,0.44),
        1407px 430px rgba(255,215,0,0.52),
        203px -39px rgba(0,200,0,0.43),
        1291px 628px rgba(255,0,0,0.54),
        1084px 814px rgba(0,200,0,0.8),
        533px 84px rgba(255,0,0,0.83),
        1508px 459px rgba(255,255,255,0.6),
        1065px 256px rgba(0,200,0,0.82),
        32px 900px rgba(255,255,255,0.38),
        1284px 739px rgba(255,215,0,0.38),
        -194px 278px rgba(255,0,0,0.68),
        559px 259px rgba(255,0,0,0.44),
        1482px 442px rgba(0,200,0,0.67),
        9px 730px rgba(0,200,0,0.37),
        1031px 826px rgba(255,255,255,0.81),
        -243px 184px rgba(255,215,0,0.8),
        1328px 65px rgba(255,255,255,0.79),
        692px 940px rgba(255,255,255,0.8),
        330px 34px rgba(255,215,0,0.62),
        -15px -230px rgba(0,200,0,0.54),
        1165px -202px rgba(255,215,0,0.48),
        1018px 261px rgba(255,255,255,0.78),
        226px 1149px rgba(0,200,0,0.55),
        -27px 40px rgba(255,0,0,0.4),
        82px -199px rgba(0,200,0,0.67);
  opacity: 0.8;
  animation: xmas-layer-front-smooth 90s linear infinite;
  pointer-events:none;
  z-index:9990;
}

body::after {
  content: "✦ 🔔 ❄️ 🎄 ⭐";
  position: fixed;
  top: -500px;
  left:0;
  width:100%;
  height:1000vh;
  font-size:1.8rem;
  text-shadow:
        536px 815px rgba(255,0,0,0.62),
        61px 527px rgba(255,0,0,0.46),
        160px -12px rgba(255,0,0,0.63),
        20px 802px rgba(255,215,0,0.69),
        1120px 1048px rgba(255,255,255,0.54),
        1268px 1165px rgba(255,215,0,0.69),
        -150px 443px rgba(0,200,0,0.77),
        -71px 796px rgba(255,0,0,0.39),
        252px 395px rgba(255,215,0,0.4),
        -229px 455px rgba(255,255,255,0.54),
        675px 140px rgba(255,215,0,0.44),
        1230px 257px rgba(255,0,0,0.74),
        1079px 1142px rgba(255,0,0,0.57),
        1212px 1172px rgba(255,215,0,0.72),
        456px 714px rgba(0,200,0,0.67),
        177px 740px rgba(255,215,0,0.58),
        962px -161px rgba(255,0,0,0.49),
        157px -221px rgba(255,215,0,0.64),
        430px 904px rgba(255,0,0,0.45),
        439px 446px rgba(0,200,0,0.41),
        942px -129px rgba(255,0,0,0.85),
        1084px 1026px rgba(0,200,0,0.59),
        67px 1065px rgba(255,0,0,0.72),
        969px 1080px rgba(255,0,0,0.5),
        257px -98px rgba(255,215,0,0.35),
        65px 1159px rgba(0,200,0,0.61),
        1457px -126px rgba(255,215,0,0.49),
        -168px 799px rgba(255,215,0,0.73),
        818px 748px rgba(255,255,255,0.38),
        314px 571px rgba(255,255,255,0.55),
        -151px 400px rgba(0,200,0,0.48),
        1046px 21px rgba(255,255,255,0.39),
        510px 1083px rgba(255,255,255,0.52),
        -128px 311px rgba(0,200,0,0.8),
        270px 842px rgba(255,215,0,0.6),
        197px -180px rgba(255,255,255,0.7),
        -151px 782px rgba(255,255,255,0.49),
        1117px 35px rgba(255,255,255,0.84),
        212px 19px rgba(255,215,0,0.47),
        780px -19px rgba(255,215,0,0.51),
        1570px 766px rgba(255,0,0,0.42),
        -139px 580px rgba(255,255,255,0.82),
        482px 927px rgba(255,255,255,0.83),
        149px 201px rgba(0,200,0,0.43),
        1206px -240px rgba(255,0,0,0.52),
        797px 1177px rgba(0,200,0,0.46),
        41px 134px rgba(255,0,0,0.62),
        -53px -56px rgba(255,0,0,0.55),
        1007px 381px rgba(255,215,0,0.55),
        1584px 1044px rgba(255,0,0,0.43),
        359px 859px rgba(255,215,0,0.65),
        1037px 1022px rgba(255,0,0,0.76),
        -230px 171px rgba(255,0,0,0.41),
        39px -96px rgba(255,0,0,0.44),
        1456px 72px rgba(255,215,0,0.8);
  opacity:0.6;
  animation:xmas-layer-back-smooth 140s linear infinite;
  pointer-events:none;
  z-index:9989;
}



/* Even lighter density version */
body::before {
  content: "✦ ❄️ ⭐";
  position: fixed;
  top: -400px;
  left: 0;
  width: 100%;
  height: 900vh;
  font-size: 1.3rem;
  text-shadow:
        671px 300px rgba(255,215,0,0.6),
        -8px 531px rgba(255,215,0,0.3),
        688px 311px rgba(255,255,255,0.59),
        1114px 981px rgba(255,0,0,0.4),
        1054px 1028px rgba(255,255,255,0.37),
        452px 82px rgba(0,180,0,0.45),
        -180px 930px rgba(255,0,0,0.67),
        751px 1156px rgba(255,255,255,0.67),
        1334px -72px rgba(255,0,0,0.31),
        1378px 1105px rgba(255,0,0,0.53),
        567px 658px rgba(255,255,255,0.35),
        -24px 854px rgba(0,180,0,0.44),
        1127px -145px rgba(255,0,0,0.55),
        520px 994px rgba(255,255,255,0.49),
        676px 997px rgba(255,0,0,0.47),
        1012px -81px rgba(255,215,0,0.74),
        429px 493px rgba(255,255,255,0.69),
        1079px 384px rgba(0,180,0,0.35),
        386px 494px rgba(0,180,0,0.47),
        -243px 530px rgba(255,255,255,0.67),
        -234px 812px rgba(255,255,255,0.31),
        -211px 545px rgba(255,0,0,0.39),
        1242px 876px rgba(255,0,0,0.4),
        1125px 310px rgba(255,215,0,0.32),
        720px 454px rgba(255,0,0,0.57);
  opacity: 0.7;
  animation: xmas-layer-front-smooth 90s linear infinite;
  pointer-events:none;
  z-index:9990;
}

body::after {
  content: "✦ ❄️ ⭐";
  position: fixed;
  top: -500px;
  left:0;
  width:100%;
  height:1000vh;
  font-size:1.7rem;
  text-shadow:
        868px 92px rgba(255,215,0,0.58),
        680px 1085px rgba(0,180,0,0.7),
        1034px 1013px rgba(255,215,0,0.72),
        1107px 831px rgba(255,215,0,0.52),
        1078px 1051px rgba(255,255,255,0.33),
        333px 811px rgba(255,0,0,0.52),
        1221px 994px rgba(255,255,255,0.69),
        1369px 324px rgba(0,180,0,0.72),
        -60px -136px rgba(255,215,0,0.44),
        136px -115px rgba(255,0,0,0.64),
        1038px 408px rgba(255,215,0,0.65),
        355px -237px rgba(255,215,0,0.46),
        836px 557px rgba(255,0,0,0.48),
        1500px -183px rgba(255,0,0,0.46),
        -171px 55px rgba(255,215,0,0.34),
        -294px -133px rgba(255,215,0,0.48),
        115px 144px rgba(255,255,255,0.6),
        637px 974px rgba(255,215,0,0.51),
        907px 853px rgba(255,215,0,0.5),
        695px -107px rgba(255,255,255,0.3),
        476px 490px rgba(0,180,0,0.35),
        -270px 860px rgba(255,215,0,0.59),
        1487px 1187px rgba(255,255,255,0.69),
        1193px 1003px rgba(255,0,0,0.52),
        1513px 982px rgba(255,215,0,0.72),
        647px 322px rgba(255,255,255,0.49),
        233px 717px rgba(255,255,255,0.69),
        494px -208px rgba(255,215,0,0.64),
        1344px 415px rgba(0,180,0,0.38),
        1573px 404px rgba(255,215,0,0.58);
  opacity:0.55;
  animation:xmas-layer-back-smooth 140s linear infinite;
  pointer-events:none;
  z-index:9989;
}