:root{
  --brand-pink: #f47ea4;
}

/* Use Times New Roman across the site */
body{font-family: 'Times New Roman', Times, serif;}

/* Subtle gradient overlay for cards */
.card::before{
  content: "";
  position: absolute;
}

/* Make container elements relative for pseudo elements */
.card{position: relative; overflow: hidden}

/* small screens tweak */
@media (max-width: 640px){
  #hero{padding: 1.25rem}

  /* YE ADD KARO - Achievement images ko mobile par aek jaisi height dega */
  #achievements .card img {
    height: 20rem; /* 320px */
  }
}

/* Timer tweaks */
.timer div { min-width: 52px }
.timer { backdrop-filter: blur(6px); }

@media (max-width: 768px) {
  main {
    padding: 1rem;
    text-align: center;
  }

  h1, h2, h3 {
    font-size: 1.5rem;
    line-height: 1.2;
  }

  img {
    width: 100%;
    height: auto;
  }

  section {
    margin: 1rem 0;
  }
}