@font-face {
      font-family: 'Alien League';
      src: url('fonts/AlienLeague.woff') format('woff');
      font-display: block;
    }
    body {
      font-family: 'Ubuntu', sans-serif;
      background: #1a1a1a;
      color: #fff;
      padding: 5px 5px;
      text-align: center;
    }
    .logo-text {
      font-family: 'Alien League', sans-serif;
      font-size: 50px;
      margin: 25px auto;
      user-select: none;
      pointer-events: none;
      user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
    }
    h1 {
      font-size: 20px;
      margin-bottom: 25px;
      font-weight: 400;
      user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
    }
    .link {
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin: 15px auto;
      max-width: 70%;
      padding: 15px 25px;
      background: #1a1a1a;
      border: 1px solid rgb(54, 54, 54);
      border-radius: 30px;
      color: #fff;
      text-decoration: none;
      font-size: 15px;
      transition: 0.3s;
    }
    .link i {
      font-size: 15px;
    }
    .link:hover {
      background: rgb(54, 54, 54);
      transform: scale(1.05);
    }
    .link:active {
      transform: scale(0.95);
      background: rgba(54, 54, 54, 0.5);
      border: 1px solid rgba(54, 54, 54, 0.5);
    }
    .link.shine {
      position: relative;
      z-index: 0;
}
    .link.shine::before {
      content: "";
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(
        120deg,
        rgba(54, 54, 54, 0) 0%,
        rgba(54, 54, 54, 0.30) 50%,
        rgba(54, 54, 54, 0) 100%
      );
      animation: shine 2.5s ease-in-out infinite;
      pointer-events: none;
      z-index: -1;
      border-radius: 30px;
    }
    @keyframes shine {
      0% { left: -100%; }
      100% { left: 100%; }
    }
    footer {
      margin-top: 25px;
      font-size: 12px;
      color: #616161;
      margin-bottom: 30px;
    }
    @media (hover: none) {
      .link:hover {
        background: rgb(54, 54, 54) !important;
        transform: none !important;
        border: 1px solid rgb(54, 54, 54);
        border-radius: 30px;
      }
      .link.shine::before {
        animation: shine 2.5s ease-in-out infinite;
      }
    }
    .link.loading {
      pointer-events: none;
      color: transparent !important;
    }
    .link.loading::after {
      content: "";
      position: absolute;
      width: 5px;
      height: 5px;
      background: #616161;
      border-radius: 50%;
      animation: bounceDot 0.5s linear infinite alternate;
}
    .link:not(.loading)::after {
      display: none;
    }
    @keyframes bounceDot {
      0% { left: 20%; }
      100% { left: 80%; }
}
    @keyframes glitch {
      0% {
        transform: none;
        opacity: 1;
      }
      10% {
        transform: translate(5px, -5px);
        opacity: 0.8;
      }
      20% {
        transform: translate(-5px, 5px);
        opacity: 0.8;
      }
      30% {
        transform: translate(5px, 5px);
        opacity: 0.9;
      }
      40% {
        transform: translate(-5px, -5px);
        opacity: 1;
      }
      50% {
        transform: none;
        opacity: 1;
      }
      100% {
        transform: none;
        opacity: 1;
      }
    }
    .logo-text.glitch {
      animation: glitch 0.6s linear;
    }
    #preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw; 
    height: 100vh; 
    background-color: #1a1a1a; 
    display: flex;
    align-items: center;
    justify-content: center; 
    z-index: 9999; 
    transition: opacity 0.6s ease-out; 
}
.spinner {
    width: 30px;
    height: 30px;
    border-radius: 50%; 
    border: 1px solid transparent; 
    border-top-color: #616161; 
    animation: spin 0.5s linear infinite; 
}
@keyframes spin {
    0% {
        transform: rotate(0deg); 
    }
    100% {
        transform: rotate(360deg);
    }
}    
#main-content {
    display: none;
}