@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap");

    .unique-text-container * {
        padding: 0;
        margin: 0;
    }

    .unique-text-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .unique-text-title {
        font-family: "Montserrat Medium", sans-serif;
        max-width: 80ch;
        text-align: center;
        transform: scale(0.94);
        animation: unique-text-scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
    }

    @keyframes unique-text-scale {
        100% {
            transform: scale(1);
        }
    }

    .unique-text-char {
        display: inline-block;
        opacity: 0;
        filter: blur(4px);
        animation: unique-text-fade-in 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }

    .unique-text-char:nth-child(n) {
        animation-delay: calc(0.05s * var(--delay-index));
    }

    @keyframes unique-text-fade-in {
        100% {
            opacity: 1;
            filter: blur(0);
        }
    }
    header {
            & .logo-title {
                &:after {
                    color: rgb(241 48 36 / var(--tw-text-opacity));
                    content: "NT9";
                    position: absolute;
                    top: 0;
                    right: 0;
                }
            }
        }
        
        header {
            & .logo-title {
                &:before {
                    color: rgb(102 117 247 / var(--tw-text-opacity));
                    content: "M";
                    position: absolute;
                    top: 0;
                    left: 0;
                }
            }
        }
        
        .title-nt9 {
            font-size: 2.25rem;
            font-family: 'p22-mackinac-pro', sans-serif;
            font-weight: 600;
            letter-spacing: -0.04em;
            text-wrap: pretty;
            background-image: linear-gradient(79deg, #2b0aff, #ff5b8a 49%, #ff5b8a 55%, #fba64b 77%, #f99b52);
            color: transparent;
            background-clip: text;
            max-width: 100%;
            text-align: center;
            line-height: 1.07!important;
            border-color: #e5e0df;
            margin: 0;
            margin-block-start: -0.17em;
            margin-inline-start: 0px;
            unicode-bidi: isolate;
            margin-inline-end: 0px;
            color-scheme: light;
        }
        
       
        p {
  span {
    font: 700 4em/1 "Oswald", sans-serif;
    letter-spacing: 0;
    padding: .25em 0 .325em;
    display: block;
    margin: 0 auto;
    text-shadow: 0 0 80px rgba(255,255,255,.5);
    background: url(https://i.ibb.co/RDTnNrT/animated-text-fill.png) repeat-y;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: aitf 80s linear infinite;
    -webkit-transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
  }
}

/* Animate Background Image */

@-webkit-keyframes aitf {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}
        @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap');

 .custom-button {
    padding: 25px 30px;
    background-color: #1d620017;
    color: #f46403;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    letter-spacing: 4px;
    overflow: hidden;
    transition: 0.5s;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    display: inline-block;
}

       .custom-button:hover {
    background: #f45d03;
    box-shadow: 0 0 5px #f45d03, 0 0 25px #f44b03, 0 0 50px #f46203, 0 0 200px #f49c03;
    -webkit-box-reflect: below 1px linear-gradient(transparent, #0005);
    color: white;
}
.to-\[\#4a22bd\] {
    --tw-gradient-to: #e95c00 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),#e838cc var(--tw-gradient-via-position),var(--tw-gradient-to);
}

  @import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');
        * {
            padding: 0;
            margin: 0;
            box-sizing: border-box;
        }
        
        .waviy {
            position: relative;
            -webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0, 0, 0, .2));
            font-size: 60px;
        }
        
        .waviy span {
            font-family: 'Alfa Slab One', cursive;
            position: relative;
            display: inline-block;
            color: #fff;
            text-transform: uppercase;
            animation: waviy 1s infinite;
            animation-delay: calc(.1s * var(--i));
        }
        
        @keyframes waviy {
            0%, 40%, 100% {
                transform: translateY(0)
            }
            20% {
                transform: translateY(-20px)
            }
        }
        
         @keyframes go2264125279 {
            from {
                transform: scale(0) rotate(45deg);
                opacity: 0;
            }
            to {
                transform: scale(1) rotate(45deg);
                opacity: 1;
            }
        }
        
        @keyframes go3020080000 {
            from {
                transform: scale(0);
                opacity: 0;
            }
            to {
                transform: scale(1);
                opacity: 1;
            }
        }
        
        @keyframes go463499852 {
            from {
                transform: scale(0) rotate(90deg);
                opacity: 0;
            }
            to {
                transform: scale(1) rotate(90deg);
                opacity: 1;
            }
        }
        
        @keyframes go1268368563 {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }
        
        @keyframes go1310225428 {
            from {
                transform: scale(0) rotate(45deg);
                opacity: 0;
            }
            to {
                transform: scale(1) rotate(45deg);
                opacity: 1;
            }
        }
        
        @keyframes go651618207 {
            0% {
                height: 0;
                width: 0;
                opacity: 0;
            }
            40% {
                height: 0;
                width: 6px;
                opacity: 1;
            }
            100% {
                opacity: 1;
                height: 10px;
            }
        }
        
        @keyframes go901347462 {
            from {
                transform: scale(0.6);
                opacity: 0.4;
            }
            to {
                transform: scale(1);
                opacity: 1;
            }
        }
        
        .go4109123758 {
            z-index: 9999;
        }
        
        .go4109123758 > * {
            pointer-events: auto;
        }
          .featured-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.featured-list li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.featured-list li:last-child {
  border-bottom: none;
}

.icon {
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.featured-list strong {
  display: block;
  font-size: 15px;
  color: #38bdf8;
  margin-bottom: 4px;
}

.featured-list p {
  margin: 0;
  font-size: 14px;
  color: #cbd5e1;
  line-height: 1.5;
}
.featured-box {
  background: #ffffff14;
  padding: 16px;
  border-radius: 12px;
  color: #e5e7eb;
  font-family: Arial, sans-serif;
}

.featured-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.featured-list li {
  display: flex;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.featured-list li:last-child {
  border-bottom: none;
}

.icon {
  font-size: 20px;
  flex-shrink: 0;
}

.featured-list strong {
    display: block;
    color: #00ff34;
    margin-bottom: 13px;
    filter: drop-shadow(2px 4px 6px black);
    background: #000000;
    padding: 6px;
    text-align: center;
    border-radius: 20px;
    font-size: 15px;
    font-weight: bold;
}

.featured-list p {
  margin: 0;
  font-size: 14px;
  color: #cbd5f5;
}