.video-title,.videos-section{color:#fff}.close,.video-title,.videos-section{text-align:center}.videos-section{padding:3rem 1rem}.videos-section h1 span{font-size:2rem;margin-bottom:1rem;color:#ffd166}.videos-section p{margin-bottom:2rem;font-size:1rem;text-align:justify}@media (min-width:870px){.videos-section p{text-align:center}}.video-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.video-grid{grid-template-columns:repeat(3,1fr)}}.video-card{position:relative;border-radius:15px;overflow:hidden;aspect-ratio:16/9;cursor:pointer;transition:transform .3s;max-height:500px}.video-card:hover{transform:translateY(-5px)}.video-card video{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.25);transition:background .3s}.video-card:hover .overlay{background:rgba(0,0,0,.45)}.video-title{font-weight:700;margin-bottom:1rem;text-shadow:0 2px 6px rgba(0,0,0,.7)}.play-btn{width:70px;height:70px;background:rgba(255,209,102,.85);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") no-repeat center/contain;transition:transform .3s,opacity .3s;opacity:.9}.video-card:hover .play-btn{transform:scale(1.25);opacity:1}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.9);justify-content:center;align-items:center;z-index:9999;padding:1rem}.modal video{width:90%;max-width:900px;max-height:80vh;border-radius:10px;box-shadow:0 0 25px rgba(0,0,0,.6);object-fit:contain}.close{position:absolute;top:20px;left:20px;right:auto;font-size:3rem;padding-top:.3rem;color:rgba(255,0,0,.8);cursor:pointer;background:hsla(0,0%,100%,.4);border-radius:50%;width:45px;height:45px;line-height:40px}