@media(max-width:1044px){
    
.contact{ 
    /* background: lime; */
    display: flex;
    justify-content: center;
    margin: 5%;
    padding: 5%;
}
.contact-container {
    /* background: pink; */
    width: 90%;
    height: auto;
    /* max-width: 90%; */
    display: flex;
  }
  
  .glass-form {
      /* background: purple; */
    width: 100%;
    backdrop-filter: blur(7px);
    border-radius: 15px;
    padding: 40px;
    box-shadow: 1px 1px 10px var(--prm-color);
    color: #e0e0e0;
    display: flex;
    flex-direction: column;
    gap: 55px;
  }
  
  .glass-form h2 {
    text-align: center;
    color: var(--prm-color);
    text-shadow: 0 0 20px var(--prm-color);
  }
  
  .glass-form input,
  .glass-form textarea {
    background: rgba(255,255,255,0.15);
    border: none;
    padding: 12px;
    border-radius: 8px;
    color: #fff;
    font-size: 1rem;
    outline: none;
  }
  
  .glass-form button {
    padding: 12px;
    background-color: var(--prm-color);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    transition: background 0.3s ease;
  }
  
  .glass-form button:hover {
    background-color: var(--prm-color);
  }
  
  #form-status {
    text-align: center;
    font-size: 0.9rem;
  }

  .form_box{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
    gap: 20%;
  } 
  .form_box1{
    display: grid;
    grid-template-columns: 1fr;
    gap: 20%;
} 
.form_box2{
    display: grid;
    grid-template-columns: 1fr;
    gap: 20%;
  }
}



@media(max-width:768px){
    body{
        padding-top: 10%;
    }


    /*============================Announcement==========================*/


.announcement-bar {
  width: 100%;
  background-color: #111;
  color: #fff;
  position: sticky;
  top: 0;
  z-index: 9999;
  font-size: 1rem;
  font-weight: 600;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  overflow: hidden;
  white-space: nowrap;
  padding: 0.7em 0;
  transform:translateY(-450%);
}

.announcement-wrapper {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.announcement-track {
  display: inline-block;
  padding-left: 20%;
  animation: scroll-left 30s linear infinite;
  white-space: nowrap;
}

/* Animation for smooth scroll */
@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-70%);
  }
}

/* Responsive font sizes */
@media (max-width: 768px) {
  .announcement-bar {
    font-size: 0.9rem;
    padding: 0.5em 0;
  }
}

@media (max-width: 480px) {
  .announcement-bar {
    font-size: 0.8rem;
    padding: 0.4em 0;
  }
}





    header{
        /* color: cyan; */
        /* backdrop-filter: blur(30px); */
        /* top:-10%; */
        /* overflow: hidden; */
        background:transparent;
        position: relative;
        left:12%;
        width:90%;
        height: 70px;
        border-radius: 50px;
        transition: 1s ease-in-out;
        z-index: 1000;
    }
    
    .navbar li a{
        text-decoration: none;
        color: var(--neutral-color);
        text-shadow: 1px 1px 30px var(--neutral-color);
        /* background: gold; */
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        font-size: 1.5vw;
        transition: 1s ease-in-out;
        cursor: none;
    }





        /* MOBILE TOUCH VERSION */
    .navbar.touched .u-list1 {
        transform: translateX(10%);
        background: transparent;
        backdrop-filter: blur(15px);
        border:1px solid var(--prm-color);
        box-shadow: 1px 1px 10px var(--prm-color);
    }

    .navbar.touched .u-list2 img {
        border:1px solid var(--prm-color);
        box-shadow: 1px 1px 10px var(--prm-color);
    }

    .navbar.touched .u-list3 {
        transform: translateX(-10%);
        background: transparent;
        backdrop-filter: blur(15px);
        border: 1px solid var(--prm-color);
        box-shadow: 1px 1px 10px var(--prm-color);
    }

    .navbar.touched ul li a {
        color:var(--prm-color);
        text-shadow: 1px 1px 30px var(--prm-color);
    }





    .ai-core-container {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        perspective: 1000px;
        z-index: 2;
      }
      
      .ai-core {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background: radial-gradient(circle, var(--prm-color) 20%, #000 100%);
        box-shadow: 0 0 20px var(--prm-color), 0 0 60px var(--prm-color), inset 0 0 15px var(--prm-color);
        animation: pulseGlow 2.5s infinite ease-in-out;
        transition: transform 0.2s ease;
      }
      
      @keyframes pulseGlow {
        0%, 100% {
          transform: scale(1);
          box-shadow: 0 0 20px var(--prm-color), 0 0 60px var(--prm-color), inset 0 0 15px var(--prm-color)
        }
        50% {
          transform: scale(1.2);
          box-shadow: 0 0 30px var(--prm-color), 0 0 80px var(--prm-color), inset 0 0 25px var(--prm-color)
        }
      }


      #typedText {
        white-space: pre-wrap;
        font-family: 'Courier New', monospace;
        font-size: 1.8vw;
        color: var(--neutral-color);
        text-shadow: 0 0 0px var(--neutral-color);
        /* border-right: 2px solid var(--neutral-color); */
        /* animation: blink 0.8s infinite; */
      }

      .about_us {
        background: transparent;
        backdrop-filter: blur(5px);
        box-shadow: 1px 1px 10px var(--prm-color);
        padding: 2%;
        border-radius: 10px;
        font-size: 1.8vw;
      }

      .mission_n_vision{
        font-size: 1.3vw;
      }


      .team_text h4{
        font-size: clamp(0.6rem, 1.1vw, 1.1rem);
        color: var(--prm-color);
        text-shadow: 0 0 20px var(--prm-color);
        text-transform: uppercase;
        border-radius: 0 0 10px 10px;
        margin-bottom: 2%;
        }
        .team_text p{
            font-size: 1.2vw;
            margin-bottom: 2%;
        }


        .roadmap_container {
            width: 70%;
            padding: 4% 10%;
            background: transparent;
            backdrop-filter: blur(5px);
            border-radius: 15px;
            box-shadow: 0 0 20px var(--prm-color);
            color: #fff;
          }

        .roadmap-heading {
            text-align: center;
            font-size: 2.0rem;
            color: var(--prm-color);
            text-shadow: 0 0 10px var(--prm-color);
            margin-bottom: 40px;
          }

          .phase-content h3 {
            font-size: 1.1rem;
            margin-bottom: 10px;
          }
          
          .phase-content span {
            font-size: 0.3rem;
            color: #aaa;
          }

          .phase-content ul li {
            margin-bottom: 8px;
            font-size: 0.9rem;
            line-height: 1.6;
          }

          .tokenomics_container {
            padding: 4% 3%;
            background: transparent;
            backdrop-filter: blur(15px);
            border-radius: 15px;
            color: #ffffff;
            box-shadow: 0 0 20px var(--prm-color);
            width: 80%;
          }

          .section-title {
            text-align: center;
            font-size: 2.2rem;
            color: var(--prm-color);
            text-shadow: 0 0 10px var(--prm-color);
            margin-bottom: 30px;
          }

          .social-icons a.touched {
            color: var(--neutral-color);
            transform: scale(1.2);
          }

          .back-to-nav {
            position: fixed;
            bottom: 30px;
            right: 30px;
            background-color: transparent;
            color: var(--neutral-color);
            font-size: 2rem;
            /* padding: 5px 10px; */
            /* border-radius: 50%; */
            text-decoration: none;
            z-index: 999;
            text-shadow: 1px 1px 15px var(--neutral-color) ;
            /* box-shadow: 0 0 10px var(--prm-color), 0 0 20px var(--prm-color); */
            transition: transform 0.3s ease, background 0.3s ease;
            display: none;
            visibility: visible;
        }

    }

    

        @media(max-width:500px){
            .mobile-nav-toggle {
                display: block;
            }
        }


    
      @media(max-width:425px){

        .hero , .about{
            max-width: 90%;
        }



        .announcement-bar {
          width: 100%;
          background-color: #111;
          color: #fff;
          position: sticky;
          top: 0;
          z-index: 9999;
          font-size: 0.7rem;
          font-weight: 600;
          box-shadow: 0 2px 5px rgba(0,0,0,0.2);
          overflow: hidden;
          white-space: nowrap;
          padding: 0.7em 0;
          transform:translateY(-140%);
        }



                
        .announcement-wrapper {
          display: inline-block;
          width: 100%;
          overflow: hidden;
          position: relative;
        }

        .announcement-track {
          display: inline-block;
          padding-left: 20%;
          animation: scroll-left 30s linear infinite;
          white-space: nowrap;
        }

        /* Animation for smooth scroll */
        @keyframes scroll-left {
          0% {
            transform: translateX(0%);
          }
          100% {
            transform: translateX(-10%);
          }
        }

        /* Responsive font sizes */
        @media (max-width: 768px) {
          .announcement-bar {
            font-size: 0.9rem;
            padding: 0.5em 0;
          }
        }

        @media (max-width: 480px) {
          .announcement-bar {
            font-size: 0.8rem;
            padding: 0.4em 0;
          }
        }





 
        /* =========================== Background Image============================= */

        .bg_image img{
            /* z-index: 90; */
            width: 110%;
            position: fixed;
            bottom:45%;
            left: -2%;
            -webkit-mask-image: linear-gradient(to bottom, transparent , black 30%, black 70%,transparent);
            mask-image: linear-gradient(to bottom, transparent , black 30%, black 70%,transparent);
        }
      /* ========================================================= */
        .ai-core-container {
            position: absolute;
            top: 22%;
            left: 50%;
            transform: translate(-50%, -50%);
            perspective: 1000px;
            z-index: 2;
          }
          
          .ai-core {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: radial-gradient(circle, var(--prm-color) 20%, #000 100%);
            box-shadow: 0 0 20px var(--prm-color), 0 0 60px var(--prm-color), inset 0 0 15px var(--prm-color);
            animation: pulseGlow 2.5s infinite ease-in-out;
            transition: transform 0.2s ease;
          }
          
          @keyframes pulseGlow {
            0%, 100% {
              transform: scale(1);
              box-shadow: 0 0 20px var(--prm-color), 0 0 60px var(--prm-color), inset 0 0 15px var(--prm-color)
            }
            50% {
              transform: scale(1.2);
              box-shadow: 0 0 30px var(--prm-color), 0 0 80px var(--prm-color), inset 0 0 25px var(--prm-color)
            }
          }
    

          main {
            row-gap: 2%;
          }
    
          #typedText {
            white-space: pre-wrap;
            font-family: 'Courier New', monospace;
            font-size: 2.7vw;
            color: var(--neutral-color);
            text-shadow: 0 0 0px var(--neutral-color);
            /* border-right: 2px solid var(--neutral-color); */
            /* animation: blink 0.8s infinite; */
          }
    
          .about_us {
            background: transparent;
            backdrop-filter: blur(5px);
            box-shadow: 1px 1px 10px var(--prm-color);
            padding: 2%;
            border-radius: 10px;
            font-size: 2.7vw;
          }
    
          .mission_n_vision{
            font-size: 2.2vw;
            grid-template-columns: 1fr;
          }
    
          .team{
            margin-top: 35%;
          }
          .team_box{
            min-width: 50px;
            max-width: 190px;
            flex-shrink: 0;
            background: transparent;
            backdrop-filter: blur(20px);
            display: flex;
            flex-direction: column;
            align-items: center;
            box-shadow: 1px 1px 5px var(--prm-color);
            border-radius: 10px 10px 10px 10px;
            /* animation: card_spin 12s ease-in-out infinite; */
            transform-style: preserve-3d;
            transition: transform 0.4s ease;
            will-change: transform;
        }
          
    
          .team_text h4{
            font-size: clamp(0.6rem, 1.1vw, 1.1rem);
            color: var(--prm-color);
            text-shadow: 0 0 20px var(--prm-color);
            text-transform: uppercase;
            border-radius: 0 0 10px 10px;
            margin-bottom: 2%;
            }
            .team_text p{
                font-size: 1.9vw;
                margin-bottom: 2%;
            }
    
    
            .roadmap_container {
                width: 90%;
                padding: 4% 10%;
                background: transparent;
                backdrop-filter: blur(5px);
                border-radius: 15px;
                box-shadow: 0 0 20px var(--prm-color);
                color:var(--neutral-color);
              }
    
            .roadmap-heading {
                text-align: center;
                font-size: 1.5rem;
                color: var(--prm-color);
                text-shadow: 0 0 10px var(--prm-color);
                margin-bottom: 40px;
              }
    
              .phase-content h3 {
                font-size: 0.8rem;
                margin-bottom: 10px;
              }
              
              .phase-content span {
                font-size: 0.3rem;
                color:var(--neutral-color);
              }
    
              .phase-content ul li {
                margin-bottom: 8px;
                font-size: 0.7rem;
                line-height: 1.0;
              }

              .phase-dot {
                position: absolute;
                left: -14px;
                top: 3px;
                width: 10px;
                height: 10px;
                background-color: var(--prm-color);
                border-radius: 50%;
                box-shadow: 0 0 10px var(--prm-color);
              }

              .roadmap-timeline {
                position: relative;
                border-left: 1.5px solid var(--prm-color);
                padding-left: 20px;
              }


    
              .tokenomics_container {
                padding: 4% 3%;
                background: transparent;
                backdrop-filter: blur(15px);
                border-radius: 15px;
                color: #ffffff;
                box-shadow: 0 0 20px var(--prm-color);
                width: 90%;
              }

              .token-table {
                width: 100%;
                border-collapse: collapse;
                background: rgba(255, 255, 255, 0.05);
                border-radius: 12px;
                overflow: hidden;
              }


              .token-summary {
                text-align: center;
                margin-bottom: 30px;
                font-size: 0.8rem;
              }

              .token-table th,
              .token-table td {
                padding: 16px;
                text-align: left;
                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                color: #e0e0e0;
                font-size: 0.65rem;
              }




              
    
              .section-title {
                text-align: center;
                font-size: 1.5rem;
                color: var(--prm-color);
                text-shadow: 0 0 10px var(--prm-color);
                margin-bottom: 30px;
              }
    
              .social-icons a.touched {
                color: var(--neutral-color);
                transform: scale(1.2);
              }


              .contact-container {
                /* background: pink; */
                width:  100%;
                height: 550px;
                /* max-width: 90%; */
                display: flex;
              }
              .glass-form h2 {
                text-align: center;
                color: var(--prm-color);
                text-shadow: 0 0 20px var(--prm-color);
                font-size: 5.5vw;
                padding: 2%;
              }

              .glass-form {
                /* background: purple; */
              width: 100%;
              backdrop-filter: blur(7px);
              border-radius: 15px;
              padding: 10px;
              box-shadow: 1px 1px 10px var(--prm-color);
              color: #e0e0e0;
              display: flex;
              flex-direction: column;
              gap: 15px;
            }
            .glass-form input,
            .glass-form textarea {
              background: rgba(255,255,255,0.15);
              border: none;
              padding: 12px;
              border-radius: 8px;
              color: #fff;
              font-size: 1rem;
              outline: none;
              width: 100%;
            }


            .form_box1{
                display: grid;
                grid-template-columns: 1fr;
                gap: 20%;
                justify-items: center;
            } 
            .form_box2{
                display: grid;
                grid-template-columns: 1fr;
                gap: 20%;
                justify-items: center   ;
              }

    
              .back-to-nav {
                position: fixed;
                bottom: 30px;
                right: 30px;
                background-color: transparent;
                color: var(--neutral-color);
                font-size: 2rem;
                /* padding: 5px 10px; */
                /* border-radius: 50%; */
                text-decoration: none;
                z-index: 999;
                text-shadow: 1px 1px 15px var(--neutral-color) ;
                /* box-shadow: 0 0 10px var(--prm-color), 0 0 20px var(--prm-color); */
                transition: transform 0.3s ease, background 0.3s ease;
                display: none;
                visibility: visible;
            }

            .team_scroll_track {
              display: flex;
              gap: 30px;
              animation: scroll-left 20s linear infinite;
          }
            
          .team_scroll_track:hover {
              animation-play-state: paused;
              transform: scale(1.1); /* Reduced for less distortion */
            }
          
            @keyframes scroll-left {
              0% { transform: translateX(0); }
              40% { transform: translateX(-50%); }
              80% { transform: translateX(-100%); }
              100% { transform: translateX(-150%); } /* Adjust depending on number of items */
            }
            
      }

      /* Whitelist form responsiveness */
      .whitelist {
        margin: -10% 5% 0 5%; /* Adjust margin for small screens */
        padding: 5% 2%;
      }

      .whitelist .glass-form {
        padding: 25px;
        gap: 20px;
      }

      /* .whitelist .glass-form h2 {
        font-size: 1.8rem;
      } */

      .whitelist .glass-form input {
        font-size: 0.9rem;
      }

      /* .whitelist .glass-form button {
        font-size: 1rem;
      } */


      @media(max-width:375px){
        .ai-core-container {
            position: absolute;
            top: 19%;
            left: 50%;
            transform: translate(-50%, -50%);
            perspective: 1000px;
            z-index: 2;
          }

          
          .phase-content ul li {
            margin-bottom: 3px;
            font-size: 0.7rem;
            line-height: 1.0;
          }

          .tokenomics_container {
            padding: 4% 4%;
            background: transparent;
            backdrop-filter: blur(15px);
            border-radius: 15px;
            color: #ffffff;
            box-shadow: 0 0 20px var(--prm-color);
            width: 90%;
          }

          main h1 , main h2{
            font-size: 4.9vw;
        }
        
        main h3{
            font-size: 4.0vw;
        }
        .form_box {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
            gap: 20%;
        }

      }

      @media(max-width:320px){


        
        .announcement-bar {
          width: 100%;
          background-color: #111;
          color: #fff;
          position: sticky;
          top: 0;
          z-index: 9999;
          font-size: 0.7rem;
          font-weight: 600;
          box-shadow: 0 2px 5px rgba(0,0,0,0.2);
          overflow: hidden;
          white-space: nowrap;
          padding: 0.7em 0;
          transform:translateY(-110%);
        }



        .ai-core-container {
            position: absolute;
            top: 15%;
            left: 50%;
            transform: translate(-50%, -50%);
            perspective: 1000px;
            z-index: 2;
          }

          #typedText {
            white-space: pre-wrap;
            font-family: 'Courier New', monospace;
            font-size: 3.5vw;
            color: var(--neutral-color);
            text-shadow: 0 0 0px var(--neutral-color);
            /* border-right: 2px solid var(--neutral-color); */
            /* animation: blink 0.8s infinite; */
          }

          .about_us {
            background: transparent;
            backdrop-filter: blur(5px);
            box-shadow: 1px 1px 10px var(--prm-color);
            padding: 2%;
            border-radius: 10px;
            font-size: 3.5vw;
          }
    
          .mission_n_vision{
            font-size: 3.1vw;
            grid-template-columns: 1fr;
          }
   
          .team_box{
            min-width: 50px;
            max-width: 190px;
            flex-shrink: 0;
            background: transparent;
            backdrop-filter: blur(20px);
            display: flex;
            flex-direction: column;
            align-items: center;
            box-shadow: 1px 1px 5px var(--prm-color);
            border-radius: 10px 10px 10px 10px;
            /* animation: card_spin 12s ease-in-out infinite; */
            transform-style: preserve-3d;
            transition: transform 0.4s ease;
            will-change: transform;
        }

        .team_text p{
            font-size: 2.5vw;
            margin-bottom: 2%;
        }

        .phase-content ul li {
            margin-bottom: 5px;
            font-size: 0.7rem;
            line-height: 1.0;
          }

          .roadmap-phase {
            margin-bottom: 20px;
          }
          

    
          .contact-container {
            /* background: pink; */
            width:  100%;
            height: 550px;
            /* max-width: 90%; */
            display: flex;
          }
          .glass-form h2 {
              /* background: #000; */
              /* padding-left: 15%; */
            text-align: center;
            color: var(--prm-color);
            text-shadow: 0 0 20px var(--prm-color);
            font-size: 6.0vw;
            transform: translateX(7%);
          }

          .glass-form {
            /* background: purple; */
          width: 100%;
          backdrop-filter: blur(5px);
          border-radius: 15px;
          padding: 12px;
          box-shadow: 0 0 20px var(--prm-color);
          color: var(--neutral-color);
          display: flex;
          flex-direction: column;
          gap: 15px;
          /* transform: translateX(-7%);   */
        }

        .glass-form input, 
        .glass-form textarea {
          background: rgba(255,255,255,0.15);
          border: none;
          padding: 12px;
          border-radius: 8px;
          color: #fff;
          font-size: 1rem;
          outline: none;
          width: 100%;
      }


        .footer-content p {
            margin: 0;
            font-size: 0.7rem;
          }
          
        .hero , .about{
            max-width: 90%;
        }

      }
 



      /* =========================== WHitepaper ================================ */

      @media screen and (max-width: 600px) {
        .whitepaper-container {
          padding: 20px;
        }
      
        .whitepaper-container h2 {
          font-size: 1.6rem;
        }
      
        .whitepaper-text {
          font-size: 0.95rem;
        }
      
        .download-btn {
          font-size: 0.95rem;
          padding: 10px 24px;
        }
      }