.video-page{padding:20px;max-width:1400px;margin:0 auto}.page-title{font-size:4rem;text-align:center;margin-top:100px;margin-bottom:60px}.video-grid{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px;padding:20px}@media (min-width:640px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.video-grid{grid-template-columns:repeat(3,1fr)}}.video-thumbnail{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;cursor:pointer;background:#000;box-shadow:0 4px 6px rgba(0,0,0,.1)}.thumbnail-video{width:100%;height:100%;object-fit:cover;pointer-events:none}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);transition:background .3s ease}.video-thumbnail:hover .play-overlay{background:rgba(0,0,0,.6)}.play-icon{opacity:.9;transition:opacity .3s ease,transform .3s ease}.video-thumbnail:hover .play-icon{opacity:1;transform:scale(1.1)}.video-title{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);color:white;font-size:1.1rem;font-weight:500}.fullscreen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.fullscreen-container{position:relative;width:100%;max-width:1200px;background:#000;border-radius:12px;overflow:hidden}.close-button{position:absolute;top:20px;right:20px;z-index:10;background:rgba(0,0,0,.7);border:none;color:white;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease,transform .2s ease}.close-button:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.fullscreen-video{width:100%;display:block}.fullscreen-title{padding:20px;color:white;font-size:1.5rem;margin:0;text-align:center}