.body2 {
  font-family:'Poppins', sans-serif;
  margin:0;
  background:linear-gradient(135deg, #0f2027, #203a43, #2c5364);
  color:#fff;
  text-align:center;
}

header {
  background:linear-gradient(90deg, #2C5364, #203A43, #0F2027);
  padding:25px 10px;
  box-shadow:0 4px 12px rgba(0,0,0,0.4);
}

header h1 {
  margin:0;
  color:#f5c542;
  font-size:2rem;
}

header p {
  color:#ddd;
  font-size:1.1rem;
}

.gallery {
  max-width:850px;
  margin:50px auto;
  padding:0 20px;
}

.player video {
  width:100%;
  border:3px solid #f5c542;
  border-radius:16px;
  box-shadow:0 0 25px rgba(245,197,66,0.4);
}

.thumbnails {
  margin-top:25px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:15px;
}

.thumbnails button {
  background:linear-gradient(145deg,#f5c542,#d4a017);
  border:none;
  color:#222;
  font-weight:700;
  padding:12px 24px;
  border-radius:30px;
  cursor:pointer;
  transition:all 0.3s;
  box-shadow:0 4px 10px rgba(0,0,0,0.3);
}

.thumbnails button:hover {
  transform:translateY(-3px);
  background:linear-gradient(145deg,#ffd966,#f5c542);
  box-shadow:0 4px 20px rgba(245,197,66,0.5);
}

footer {
  background:#0F2027;
  padding:15px;
  margin-top:40px;
  color:#ccc;
  border-top:1px solid #203A43;
}

video {

  max-width: 1000px;
  max-height: 200px;

}

/* 📱 Responsive dizayn */
@media (max-width:768px) {
  header h1 {font-size:1.6rem;}
  .thumbnails {flex-direction:column; align-items:center;}
  .thumbnails button {width:90%; font-size:1rem;}
}