.hero-section-container {
    text-align: center;
}

.hero-label-utnor-abbr {
    color: hsla(335, 100%, 10%, 1);
    text-decoration: none;
    font-weight: 800;
    letter-spacing: 1.5px;
    font-size: 0.875rem;
    line-height: calc(1.25 / 0.875);
}

.hero-label-container{
    background-color: hsla(180, 100%, 97%, 0.25);
    display: inline-flex;
    align-items: center;
    gap: calc(0.25rem * 2);
    border-radius: 0.375rem;
    padding: calc(0.25rem * 2);
    margin-inline: auto;
}


  .hero-topic-text{
    line-height: 1.5; /* USE !important ifcase of err in future. because it maybe overridden */
    background-image: linear-gradient(135deg, hsla(250, 100%, 22%, 1) 0%, hsla(270, 100%, 24%, 1) 100%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;

     margin-bottom: calc(0.25rem * 5);
    font-weight: bold;
    font-size: clamp(2rem, 1.4rem + 2.5vw, 3.5rem);
  }


@keyframes kf-hero-text-desc {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 400% 50%;
  }
}

  .hero-desc-text{
    color: #272727;
    font-weight: 500;
     font-size: clamp(1rem, 0.9rem + 0.6vw, 1.5rem);
 margin-bottom: calc(0.25rem * 9);
 /* line-height: calc(0.25rem * 8);
         @media (width >= 40rem) {
      line-height: calc(0.25rem * 9);
    } */
     line-height: clamp(2rem, 1.8rem + 0.5vw, 2.25rem);
  }




  /* BEFORE: INLINE/SPOT */
  
          
            .highlights-section-card {
              background: rgba(0, 0, 0, 0.03);
              border: 1px solid rgba(0, 0, 0, 0.1);
              border-radius: 15px;
              padding: 20px;
              text-align: center;
              transition: all 0.3s ease;
              margin: 0;
            }

            .highlights-section-card:hover {
              transform: translateY(-3px);
              border-color: rgba(0, 191, 165, 0.3);
            }

            .highlights-section-card-title {
              font-size: 24px;
              font-weight: 700;
              color: rgba(20, 60, 55, 1);
              margin-bottom: 5px;
            }

            .highlights-section-card-subtitle {
              font-size: 12px;
              color: rgba(17, 17, 17, 1);
            }
          


                      
            
            .cFeatures-section {
              padding: 0px 20px;
              max-width: 1200px;
              margin: 0 auto;
              position: relative;
            }

            /* OLD SECTION TITLE FOR THE CORE FEATURES.
             .v5cwir7g {
              font-size: clamp(2rem, 5vw, 3rem);
              font-weight: bold;
              text-align: center;
              margin-bottom: 60px;
              background: linear-gradient(45deg, #00fff2, #FF5E00);
              -webkit-background-clip: text;
              background-clip: text;
              -webkit-text-fill-color: transparent;
            } */

            .cFeatures-section-option-container {
              background: rgba(0, 0, 0, 0.025);
              border: 1px solid rgba(0, 0, 0, 0.2);
              border-radius: clamp(8px, 1vw, 12px);
              padding: clamp(14px, 2vw, 20px);
            }

            .cFeatures-section-option-item {
              box-sizing: border-box;
              width: 100%;
              min-width: 0;
              cursor: pointer;
              border: 1px solid transparent;
              transition: all 0.3s ease;
              font-weight: 500;
              display: flex;
              align-items: center;
              padding: clamp(10px, 1.5vw, 15px) clamp(14px, 2vw, 20px);
              margin-bottom: clamp(6px, 1vw, 10px);
              font-size: clamp(0.95rem, 1.2vw, 1.1rem);
              gap: clamp(6px, 1vw, 10px);
              border-radius: clamp(6px, 0.8vw, 10px);
              transition: background-color 0.3s ease,
                border-color 0.3s ease;
            }

            .cFeatures-section-option-item:hover,
            .cFeatures-section-option-item:focus-visible {
              outline: none;
              background: rgba(0, 255, 115, 0.1);
              border-color: rgba(255, 0, 150, 0.3);
            }

            .cFeatures-section-option-item.active {
              background: linear-gradient(45deg, rgba(162, 0, 255, 0.2), rgba(0, 178, 255, 0.2));
              border-color: rgba(76, 0, 255, 0.75);
              box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
            }

            @media (max-width: 1024px) {
              .cFeatures-section-option-item {
                width: auto;
                justify-items: center;
                display: inline-flex;
                position: relative;
                overflow: hidden;
                margin-bottom: 0;
                white-space: nowrap;
                border-radius: clamp(10px, 1.5vw, 16px);
              }

              .cFeatures-section-option-container {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                gap: clamp(8px, 1.5vw, 12px);
              }

              .cFeatures-section>.cFeatures-section-container {
                grid-template-columns: 1fr;
                place-items: center;
              }
            }

            .cFeatures-section-content-container {
              background: rgba(0, 0, 0, 0.025);
              border: 1px solid rgba(0, 0, 0, 0.2);
              border-radius: 10px;
              padding: 40px;
              backdrop-filter: blur(10px);
              min-height: 400px;
            }

            .cFeatures-section-content-panel {
              display: none;
              animation: vEMdV0iY 0.5s cubic-bezier(0.42, 0, 0.58, 1.0);
            }

            @keyframes vEMdV0iY {
              from {
                opacity: 0;
                transform: translateY(20px);
              }

              to {
                opacity: 1;
                transform: translateY(0);
              }
            }

            .cFeatures-section-content-panel.active {
              display: block;
            }

            .cFeatures-section-content-panel h2 {
              font-size: 2rem;
              margin-bottom: 20px;
              background: linear-gradient(45deg, #442100, #754200, #442100);
              -webkit-background-clip: text;
              background-clip: text;
              -webkit-text-fill-color: transparent;
              font-weight: bold;
            }

            .cFeatures-section-content-panel p {
              line-height: 1.8;
              margin-bottom: 15px;
              font-size: 1.1rem;
            }

            .feature-list {
              list-style: none;
              margin-bottom: 10px;
            }

            .feature-list li {
              padding: 2px 0;
              padding-left: 15px;
              position: relative;
            }

            .feature-list li::before {
              content: '•';
              position: absolute;
              left: 0;
              color: #757575;
              font-size: 1.2rem;
            }
          
.cFeatures-section-container{
  display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
 gap: 2.5rem;
   align-items: flex-start;
}
  @media (width >= 64rem) {
    .cFeatures-section-container{
      grid-template-columns: 300px 1fr;
    }}





              .highlights-section{
  padding-inline: 20px;
    }
    @media (width >= 48rem) {
     .highlights-section{ padding-inline: 50px;
    }}

    .section-title {
      font-size: clamp(2rem, 5vw, 3rem);
      text-align: center;
      font-weight: bold;
      color: transparent;
      -webkit-text-fill-color: transparent;
      background-clip: text; 
      background-image: linear-gradient(135deg, #FFA000 0%, #00796B 100%);
      margin-bottom: 2.5rem;
    }


.highlights-section-card-container {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
   margin-bottom: 40px;
   gap: 20px;
   list-style: none;
   padding: 0;
   margin: 0;
}







.sponsors-section {
              padding-inline: 1rem;

            }
               @media (width >= 48rem) {
     .sponsors-section  { padding-inline: 2rem;
    }}

    .sponsors-section ul {
       margin-bottom: 1.5rem;
       list-style-position: inside;
        list-style-type: disc;
         font-size: 1.125rem;
    line-height: calc(1.75 / 1.125);
    }
      @media (width >= 48rem) {
     .sponsors-section ul{ margin-bottom: 2rem;
     }
    }
        @media (width >= 40rem) {
     .sponsors-section ul{
         font-size: 1.25rem;
      line-height: calc(1.75 / 1.25);
      color: oklch(55.1% 0.027 264.364);
    }}
     .mb-9 {
    margin-bottom: 2.25rem;
  }
    .sponsors-section p{
      text-align: left;
       font-size: 1.125rem;
    line-height: calc(1.75 / 1.125);
font-weight: normal;
 line-height: calc(0.25rem * 8);
 color: oklch(55.1% 0.027 264.364);
    }
        @media (width >= 40rem) {
   .sponsors-section p{
       font-size: 1.25rem;
      line-height: calc(1.75 / 1.25);
    }}


/* /CTA\ */
.cta-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1536px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  .cta-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.cta-inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 36rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.cta-title {
  margin-bottom: 2rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  color: #000000;
}

@media (min-width: 640px) {
  .cta-title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 768px) {
  .cta-title {
    margin-bottom: 3rem;
    font-size: 3rem;
    line-height: 1;
  }
}

.cta-actions {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.625rem;
}

@media (min-width: 640px) {
  .cta-actions {
    flex-direction: row;
    justify-content: center;
  }
}

.cta-btn {
  display: inline-block;
  border-radius: 0.5rem;
  padding: 0.75rem 2rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  outline: none;
  transition: background-color 100ms ease, color 100ms ease;
}

@media (min-width: 768px) {
  .cta-btn {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.cta-btn:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px rgba(165, 180, 252, 1);
}

.cta-btn-primary {
  background-color: #6366f1;
  color: #ffffff;
}

.cta-btn-primary:hover {
  background-color: #4f46e5;
}

.cta-btn-primary:active {
  background-color: #4338ca;
}

.cta-btn-secondary {
  background-color: #e5e7eb;
  color: #6b7280;
}

.cta-btn-secondary:hover {
  background-color: #d1d5db;
}

.cta-btn-secondary:active {
  color: #374151;
}


.qxmvtrpa {
  margin-bottom: 1.5rem;
  border-left: 4px solid #111827;
  padding-left: 1rem;
  font-style: italic;
  color: #374151;
}

@media (min-width: 640px) {
  .qxmvtrpa {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 768px) {
  .qxmvtrpa {
    margin-bottom: 2rem;
    padding-left: 1.5rem;
  }
}



.link {
  color: #2563eb;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.link:hover {
  text-decoration-thickness: 2px;
}
.link:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}
.link:visited {
  color: #7c3aed;
}