body { font-family: 'Nunito', sans-serif; }
  .font-heading { font-family: 'Poppins', sans-serif; }

  .section-bg {
    background: linear-gradient(180deg, #BFE0F7 0%, #E9F5FD 55%, #ffffff 100%);
  }

  .filter-pill {
    border-radius: 999px;
    box-shadow: 0 6px 16px -6px rgba(20, 60, 110, 0.18);
  }

  select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }


/* video play */


  .milestone-card {
    border-radius: 20px;
    box-shadow: 0 15px 28px -16px rgba(20, 60, 110, 0.3);
    background: linear-gradient(180deg, #BFE0F7 0%, #E9F5FD 55%, #ffffff 100%);

  }

  .card-label {
    background: #cfe9fc;
  }

  .video-thumb {
    background: radial-gradient(circle at 50% 50%, #3f7d2e 0%, #275a1c 70%);
  }

  .play-btn {
    width: 36px; height: 36px;
    border-radius: 50%;
    background: rgba(255,255,255,0.9);
    display: flex; align-items: center; justify-content: center;
  }

  .status-btn {
    width: 26px; height: 26px;
    border-radius: 50%;
    background: #eaf4fd;
    display: flex; align-items: center; justify-content: center;
    transition: background .15s ease;
  }
  .status-btn:hover { background: #d7ecfb; }