tate(360deg);
        opacity: 0;
      }
    }

    .loading-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      z-index: 100;
      position: relative;
    }

    .logo-container {
      position: relative;
      margin-bottom: 40px;
    }

    .logo {
      width: 120px;
      height: 120px;
      border-radius: 50%;
      box-shadow: 
        0 0 30px rgba(255, 157, 193, 0.4),
        0 0 60px rgba(255, 