.main {
            background: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%);
      color: #e0f2f1;
      line-height: 1.7;
      min-height: 100vh;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      width: auto;
      margin: 0 auto;
      padding: clamp(4rem, 8vw, 7rem) 1.5rem clamp(6rem, 10vw, 10rem);
    }

    .page-title {
      font-family: 'Playfair Display', serif;
      font-size: clamp(2.4rem, 7vw, 3.9rem);
      font-weight: 700;
      text-align: center;
      margin-bottom: 1.2rem;
      color: #ffffff;
      letter-spacing: -0.03em;
      opacity: 0;
      transform: translateY(3rem);
      animation: fadeUp 1.2s forwards 0.3s;
    }

    .subtitle {
      text-align: center;
      font-size: clamp(1.1rem, 3.5vw, 1.38rem);
      max-width: 42rem;
      margin: 0 auto 4.5rem;
      color: #c0d4d0;
      font-weight: 300;
      opacity: 0;
      animation: fadeUp 1.2s forwards 0.6s;
    }

    .section {
      margin-bottom: clamp(4rem, 8vw, 7.5rem);
      opacity: 0;
      transform: translateY(3.5rem);
      animation: fadeUp 1.4s forwards;
      text-align: center;
    }

    .section:nth-of-type(1) { animation-delay: 0.9s; }
    .section:nth-of-type(2) { animation-delay: 1.2s; }
    .section:nth-of-type(3) { animation-delay: 1.5s; }
    .section:nth-of-type(4) { animation-delay: 1.8s; }

    h2 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(1.9rem, 5.5vw, 2.9rem);
      margin-bottom: 1.8rem;
      color: #ffffff;
      position: relative;
      display: inline-block;
    }

    h2::after {
      content: '';
      position: absolute;
      width: 90px;
      height: 4px;
      background: linear-gradient(90deg, #2c5364, #4a8ca8, #2c5364);
      bottom: -12px;
      left: 0;
      border-radius: 4px;
    }

    .intro-text {
      font-size: clamp(1.05rem, 3vw, 1.24rem);
      width : auto;
      margin-bottom: 3rem;
      color: #c0d4d0;
      line-height: 1.65;
      text-align: justify;
    }

    .criteria-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: clamp(1.5rem, 4vw, 2.8rem);
    }

    .criteria-card {
      background: rgba(255, 255, 255, 0.065);
      backdrop-filter: blur(24px) saturate(150%);
      -webkit-backdrop-filter: blur(24px) saturate(150%);
      border: 1px solid rgba(255, 255, 255, 0.14);
      border-radius: 20px;
      padding: clamp(1.8rem, 4vw, 2.8rem) clamp(1.6rem, 3.5vw, 2.5rem);
      box-shadow: 
        0 12px 40px rgba(0,0,0,0.38),
        inset 0 1px 1px rgba(255,255,255,0.12),
        inset 0 -1px 1px rgba(0,0,0,0.08);
      transition: var(--transition);
      opacity: 0;
      transform: translateY(2.5rem);
      animation: fadeUp 1s forwards;
      text-align: left;
    }

    .criteria-card:nth-child(1) { animation-delay: 0.5s; }
    .criteria-card:nth-child(2) { animation-delay: 0.7s; }
    .criteria-card:nth-child(3) { animation-delay: 0.9s; }
    .criteria-card:nth-child(4) { animation-delay: 1.1s; }

    .criteria-card h3 {
      font-size: clamp(1.4rem, 4vw, 1.85rem);
      margin-bottom: 1.2rem;
      color: white;
      font-weight: 600;
    }

    .criteria-card p,
    .criteria-card ul {
      color: #b8ccca;
      font-size: clamp(0.98rem, 2.8vw, 1.09rem);
    }

    .criteria-card ul {
      padding-left: 1.5rem;
      margin-top: 1rem;
      list-style: disc;
    }

    .criteria-card ul li {
      margin-bottom: 0.9rem;
    }

    .criteria-card:hover {
      transform: translateY(-12px);
      box-shadow: 
        0 28px 70px rgba(0,0,0,0.5),
        inset 0 2px 2px rgba(255,255,255,0.15);
      border-color: rgba(74, 140, 168, 0.5);
    }

    .note-box {
      background: rgb(13, 39, 61);
      backdrop-filter: blur(28px) saturate(180%);
      -webkit-backdrop-filter: blur(28px) saturate(180%);
      border-left: 6px solid red;
      border-radius: 16px;
      padding: clamp(1.6rem, 4vw, 2.4rem);
      margin: clamp(3rem, 7vw, 5rem) 0 clamp(2rem, 5vw, 3.5rem);
      box-shadow: 
        0 12px 45px rgba(0,0,0,0.4),
        inset 0 1px 1px rgba(255,255,255,0.12);
      font-size: clamp(1rem, 3vw, 1.14rem);
      color: antiquewhite;
      font-style: italic;
      border-right: 1px solid rgba(74,140,168,0.3);
      border-top: 1px solid rgba(74,140,168,0.3);
      border-bottom: 1px solid rgba(74,140,168,0.3);
    }

    .note-box strong {
      color: #f7cbca;
      font-style: normal;
      font-weight: 600;
      font-size: clamp(1.4rem, 3vw, 1.14rem);
    }

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

    /* Your original media queries here – unchanged */
    @media (max-width: 480px) {
      .main {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
      }
      .criteria-grid {
        grid-template-columns: 1fr;
      }
      .criteria-card {
        padding: 1.8rem 1.6rem;
      }
    }

    @media (max-width: 768px) {
      .page-title {
        margin-bottom: 1rem;
      }
      .subtitle {
        margin-bottom: 3.5rem;
      }
    }

    @media (min-width: 992px) {
      .criteria-grid {
        grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
      }
    }

    @media (min-width: 1400px) {
      .main {
        max-width: 1320px;
        padding-left: 3rem;
        padding-right: 3rem;
      }
    }
        .Adlink {
  display: flex;
  flex-wrap: wrap;
  /* Makes it responsive */
  gap: 15px;
  justify-content: center;
  padding: 20px;
  font-family: 'Arial', sans-serif;
}

.Adlink a {
  text-decoration: none;
  color: peachpuff;
  padding: 12px 25px;
  border: 2px solid #7da0c4;
  border-radius: 5px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  
  /* Neon Glow Effect */
  box-shadow: 0 0 5px #00d4ff, inset 0 0 5px #00ecff;
  text-shadow: 0 0 5px #00ecff;
  
  /* Flexible width for mobile */
  flex: auto;
  width: 180px;
  text-align: center;
}

.Adlink a:hover {
  color: #fff;
  background: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%);;
  box-shadow: 0 0 20px #fff, 0 0 40px #00d4ff;
  transform: translateY(-3px);
}