.video-section{ max-width:1200px; margin:30px auto; padding:0 20px; }
.video-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:25px; }

/* Responsive Grid */
@media(max-width:1024px){ .video-grid{grid-template-columns:repeat(3,1fr);} }
@media(max-width:768px){ .video-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:480px){ .video-grid{grid-template-columns:1fr;} }

.video-card{ position:relative; border-radius:18px; overflow:hidden; cursor:pointer; transition:.5s ease; background:rgba(255,255,255,0.05); backdrop-filter:blur(12px); opacity:0; transform: translateY(40px);}
.video-card.show{ opacity:1; transform: translateY(0);}
.video-card::before{ content:""; position:absolute; inset:-2px; border-radius:18px; background:linear-gradient(45deg,#ff00aa,#ff66cc,#cc33ff,#ff00aa); z-index:-1; animation:borderGlow 6s linear infinite;}
@keyframes borderGlow{0%{filter:hue-rotate(0deg);}100%{filter:hue-rotate(360deg);}}
.video-card:hover{ transform:scale(1.05); box-shadow:0 0 35px rgba(255,0,170,0.6);}
.video-thumb{ width:100%; padding-top:177.77%; background-size:cover; background-position:center; transition:.3s;}
.video-card:hover .video-thumb{ transform:scale(1.05); filter:drop-shadow(0 0 15px rgba(255,0,170,0.5));}

/* Adjust thumbnail height for very small screens */
@media(max-width:480px){
  .video-thumb{ padding-top:160%; }
}

.load-more{ text-align:center; margin:30px 0;}
.load-more button{ padding:12px 30px; font-size:16px; border:none; border-radius:25px; cursor:pointer; background:linear-gradient(45deg,#ff00aa,#cc33ff); color:white; transition:.3s;}
.load-more button:hover{transform:scale(1.05);}

.modal{ position:fixed; inset:0; display:none; justify-content:center; align-items:center; background:rgba(0,0,0,.8); z-index:999;}
.modal.show{display:flex;}
.modal-content{ width:90%; max-width:500px; position:relative;}
.modal video{ width:100%; border-radius:20px;}
.warning{ position:absolute; inset:0; background:rgba(0,0,0,.95); border-radius:20px; display:flex; justify-content:center; align-items:center; text-align:center; padding:30px;}
.warning-box{ background:linear-gradient(135deg,#ff00aa33,#cc33ff33); padding:30px; border-radius:20px;}
.warning-box h2{margin:0 0 10px;}
.warning-box button{ margin-top:15px; padding:10px 25px; border:none; border-radius:30px; cursor:pointer; background:linear-gradient(45deg,#ff00aa,#cc33ff); color:white;}