@media (max-width: 768px) {

   
  body {
    background:
      radial-gradient(circle at 30% 25%, rgba(120, 0, 255, 0.12), transparent 50%),
      radial-gradient(circle at 75% 15%, rgba(0, 180, 255, 0.12), transparent 55%),
      radial-gradient(circle at 50% 85%, rgba(255, 0, 150, 0.10), transparent 60%),
      linear-gradient(180deg, #050505, #000000);

    background-repeat: no-repeat;
    background-attachment: fixed;
  }

@keyframes gradientFlow {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}


    .bg-animation {
        display: none;
    }

    main {
        height: auto;
        padding: 40px 0;
    }

    .logo-wrapper {
        width: 260px;
        height: 260px;
    }

    .logo-wrapper img {
        width: 200px;
        height: auto;
    }

    .circle.one {
        width: 220px;
        height: 220px;
        animation: spin 25s linear infinite;
    }

    .circle.two {
        width: 260px;
        height: 260px;
        animation: spinReverse 35s linear infinite;
    }

    .img-tm {
        animation: none;
    }
    .stars span {
        transition: none;
    }

    .socials a {
        transition: transform 0.2s ease;
    }

    .bg-glow {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;

    background: radial-gradient(
        circle at 30% 40%,
        rgba(0, 242, 255, 0.08),
        transparent 50%
    ),
    radial-gradient(
        circle at 70% 60%,
        rgba(255, 0, 200, 0.08),
        transparent 50%
    );
}

}