* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Be Vietnam Pro', sans-serif; }
    body { background: #0f172a; color: #e5e7eb; line-height: 1.7; }

    /* 1st Header */
    header { background: #020617; padding: 5px 20px; text-align: center; font-weight:bold; }
    header p { color: #facc15; font-size: 32px;  }

    /* 2nd Search Bar */
    .search-wrapper { display: flex; justify-content: center; margin: 25px 15px; }
    .search-box { display: flex; max-width: 520px; width: 100%; }
    .search-box input {
      flex: 1;
      padding: 14px 16px;
      border-radius: 30px 0 0 30px;
      border: none;
      outline: none;
      font-size: 15px;
    }
    .search-box button {
      padding: 14px 22px;
      border: none;
      cursor: pointer;
      border-radius: 0 30px 30px 0;
      background: #facc15;
      color: #020617;
      font-weight: bold;
    }

    /* Content */
    .container { max-width: 900px; margin: auto; padding: 20px; }

    /* 3rd H1 + Paragraph */
    h1.page-title { font-size: 28px; margin-bottom: 10px; color: #facc15; text-align:center; }
    .intro-text { font-size: 15px; margin-bottom: 30px; color: #cbd5f5; text-align:center;  }

    /* 4th H2 */
    h2.section-title { font-size: 22px; margin-bottom: 20px; border-left: 4px solid #facc15; padding-left: 10px; }

    /* 5th Movie Grid */
    .grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; margin-bottom: 30px; }

    .card { background: #020617; border-radius: 14px; overflow: hidden; box-shadow: 0 10px 25px rgba(0,0,0,0.4); cursor: pointer; transition: transform 0.3s; }
    .card:hover { transform: translateY(-6px); }
    .card img { width: 100%; height: 320px; object-fit: cover; }
    .card-content { padding: 14px; }
    .card-content h3 { margin-bottom: 6px; color: #facc15; font-size: 15px; }
    .rating { color: #22c55e; margin-bottom: 6px; font-size: 14px; }
    .card-content p { font-size: 13px; }

    /* 6th Paragraph */
    .bottom-text { margin-top: 20px; font-size: 15px; color: #cbd5f5; text-align:center; }

    footer { background: #020617; text-align: center; padding: 15px; margin-top: 40px; font-size: 14px; }

    /* Responsive */
    @media (max-width: 768px) {
      .grid { grid-template-columns: repeat(2, 1fr); }
      header h1 { font-size: 26px; }
      h1.page-title { font-size: 24px; }
    }

    a {
    color: white;
    font-weight: bold;
    text-decoration: none; }

    b {
    color: #facc15;
    font-weight: bold;
    text-decoration: none; }


 .blog { font-size: 17px; margin-bottom: 30px; color: #fff;   }
 


.key-highlights {
  max-width: 800px;
  margin: 20px auto;
  color: white;
}

.key-highlights h3 {
  font-size: 24px;
  margin-bottom: 12px;
}

.key-highlights ul {
  padding-left: 20px;
}

.key-highlights li {
  margin-bottom: 10px;
  line-height: 1.6;
}


 table {
    width:100%;
    border-collapse:collapse;
    margin-bottom:25px;
  }

  table td{
    padding:12px;
    border:1px solid white;
    text-align:center;
  }

  table td a {
    color: #facc15;
    
  }