.video-gallery-module{background:transparent;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:auto;opacity:1;padding:60px 20px;visibility:visible}.gallery-container{margin:0 auto;max-width:1400px}.gallery-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem;text-align:center;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.gallery-description{color:#6b7280;font-size:1.125rem;margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.video-category{margin-bottom:5rem}.category-title{color:#1f2937;font-size:2rem;font-weight:600;letter-spacing:-.01em;margin-bottom:2rem}.category-description{backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);background:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;box-shadow:0 4px 16px 0 rgba(31,38,135,.1);margin-bottom:2.5rem;padding:2rem}.category-subtitle{color:#1f2937;font-size:1.5rem;font-weight:600;letter-spacing:-.01em;margin-bottom:1rem}.category-description>p{color:#4b5563;font-size:1.0625rem;line-height:1.7;margin-bottom:1.5rem}.category-features{list-style:none;margin:0;padding:0}.category-features li{color:#4b5563;font-size:1rem;line-height:1.8;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.category-features li:before{color:#667eea;content:"•";font-size:1.2rem;font-weight:700;left:0;position:absolute}.category-features li strong{color:#1f2937;font-weight:600}.support-section{backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);background:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;box-shadow:0 4px 16px 0 rgba(31,38,135,.1);margin-top:4rem;padding:2.5rem}.support-title{color:#1f2937;font-size:1.75rem;font-weight:600;letter-spacing:-.01em;margin-bottom:1.25rem}.support-description{color:#4b5563;font-size:1.0625rem;line-height:1.7;margin-bottom:1.5rem}.support-features{list-style:none;margin:0;padding:0}.support-features li{color:#4b5563;font-size:1rem;line-height:1.8;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.support-features li:before{color:#667eea;content:"✓";font-size:1.1rem;font-weight:700;left:0;position:absolute}.video-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:2rem}.video-card{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;box-shadow:0 8px 32px 0 rgba(31,38,135,.15);cursor:pointer;display:flex;flex-direction:column;opacity:1;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);visibility:visible}.video-card.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.video-card.fade-in.is-visible{opacity:1;transform:translateY(0)}.video-card:hover{border-color:hsla(0,0%,100%,.5);box-shadow:0 20px 40px 0 rgba(31,38,135,.25);transform:translateY(-8px) scale(1.02)}.video-thumbnail-wrapper{background:#000;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.video-thumbnail{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.video-card:hover .video-thumbnail{transform:scale(1.1)}.play-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border-radius:50%;box-shadow:0 4px 20px rgba(0,0,0,.2);display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:80px}.video-card:hover .play-overlay{background:#fff;box-shadow:0 6px 30px rgba(0,0,0,.3);transform:translate(-50%,-50%) scale(1.1)}.play-icon{color:#667eea;height:32px;margin-left:4px;width:32px}.video-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.video-title{color:#1f2937;font-size:1.25rem;font-weight:600;letter-spacing:-.01em;line-height:1.4;margin-bottom:.75rem}.video-description{color:#6b7280;flex-grow:1;font-size:.9375rem;line-height:1.6;margin:0}@media (max-width:768px){.video-gallery-module{padding:40px 16px}.gallery-title{font-size:2rem}.category-title{font-size:1.5rem}.video-grid{gap:1.5rem;grid-template-columns:1fr}.play-overlay{height:60px;width:60px}.play-icon{height:24px;width:24px}}@media (min-width:769px) and (max-width:1024px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.video-grid{grid-template-columns:repeat(3,1fr)}}.video-gallery-module *{visibility:inherit}.video-gallery-module .gallery-container,.video-gallery-module .video-category,.video-gallery-module .video-grid{opacity:1;visibility:visible}.video-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:10000}.video-modal.active{opacity:1;pointer-events:all;visibility:visible}.video-modal-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(0,0,0,.85);height:100%;left:0;position:absolute;top:0;width:100%}.video-modal-content{max-height:90vh;max-width:1200px;position:relative;transform:scale(.9);transition:transform .3s ease;width:90%;z-index:10001}.video-modal.active .video-modal-content{transform:scale(1)}.video-modal-iframe-wrapper{background:#000;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-modal-iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.video-modal-close{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:none;border-radius:50%;color:#1f2937;cursor:pointer;display:flex;font-size:28px;height:44px;justify-content:center;line-height:1;margin:0;padding:0;position:absolute;right:0;top:-50px;transition:all .3s ease;width:44px;z-index:10002}.video-modal-close:hover{background:#fff;transform:scale(1.1)}.video-modal-close:focus{outline:2px solid #667eea;outline-offset:2px}@media (max-width:768px){.video-modal-content{max-height:85vh;width:95%}.video-modal-close{font-size:24px;height:36px;top:-40px;width:36px}}