body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif
    }

    .shadow-soft {
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06)
    }

    .shadow-hero {
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35)
    }

    .modal-open {
      overflow: hidden
    }

    .lang-switcher {
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid transparent;
  transition: all 0.2s;
}

.lang-switcher.active {
  background-color: #4f46e5;
  color: #fff;
  border-color: #4f46e5;
}

      .seo-body {
        max-height: 340px;
        overflow: hidden;
        transition: max-height .3s ease;
      }

      .seo-body.open {
        max-height: 3000px;
      }

      .seo-gradient {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 96px;
        background: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0));
        pointer-events: none;
        transition: opacity .3s ease, visibility .3s ease;
      }

      .seo-gradient.hidden {
        opacity: 0;
        visibility: hidden;
      }

      body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif
    }

    .shadow-soft {
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06)
    }

    .shadow-hero {
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35)
    }

    .modal-open {
      overflow: hidden
    }

    .snowflake {
      position: absolute;
      top: -40px;
      font-size: 22px;
      color: rgba(251, 191, 36, 0.6);
      animation: snow-fall 18s linear infinite;
    }

    .snowflake-1 {
      left: 8%;
      animation-duration: 14s;
      animation-delay: 0s;
      opacity: .6
    }

    .snowflake-2 {
      left: 25%;
      animation-duration: 18s;
      animation-delay: 2s;
      opacity: .7
    }

    .snowflake-3 {
      left: 50%;
      animation-duration: 20s;
      animation-delay: 4s;
      opacity: .5
    }

    .snowflake-4 {
      left: 72%;
      animation-duration: 16s;
      animation-delay: 1s;
      opacity: .8
    }

    .snowflake-5 {
      left: 90%;
      animation-duration: 22s;
      animation-delay: 3s;
      opacity: .6
    }

    @keyframes snow-fall {
      0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1
      }

      100% {
        transform: translateY(120vh) rotate(220deg);
        opacity: 0
      }
    }

    .gift-pulse {
      animation: gift-pulse 2.5s ease-in-out infinite;
      box-shadow: 0 0 20px rgba(245, 158, 11, 0.35);
    }

    @keyframes gift-pulse {
      0% {
        transform: translateY(0) scale(1);
        box-shadow: 0 0 20px rgba(245, 158, 11, 0.35)
      }

      40% {
        transform: translateY(-2px) scale(1.04);
        box-shadow: 0 0 35px rgba(245, 158, 11, 0.7)
      }

      100% {
        transform: translateY(0) scale(1);
        box-shadow: 0 0 20px rgba(245, 158, 11, 0.35)
      }
    }

    .tree-swing {
      animation: tree-swing 3s ease-in-out infinite;
    }

    @keyframes tree-swing {
      0% {
        transform: rotate(0deg)
      }

      25% {
        transform: rotate(2deg)
      }

      50% {
        transform: rotate(-2deg)
      }

      100% {
        transform: rotate(0deg)
      }
    }

    .tree-glow {
      animation: tree-glow 2s ease-in-out infinite;
    }

    @keyframes tree-glow {
      0% {
        opacity: 1
      }

      50% {
        opacity: .5
      }

      100% {
        opacity: 1
      }
    }