.videotheque-page{background:#fff;min-height:100vh;font-family:SuisseIntl,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.videotheque-page .text-accent{color:#dc2626}.videotheque-hero{justify-content:center;align-items:center;min-height:70vh;display:flex;position:relative;overflow:hidden}.videotheque-page .hero-background{z-index:1;position:absolute;inset:0}.videotheque-page .hero-bg-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.videotheque-page .hero-overlay{z-index:2;background:linear-gradient(#ffffffd9 0%,#ffffffe6 50%,#fffffff2 100%);position:absolute;inset:0}.videotheque-page .hero-content{z-index:10;text-align:center;max-width:700px;padding:120px 24px 80px;position:relative}.videotheque-page .hero-title{color:#111;letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(32px,5vw,52px);font-weight:400;line-height:1.15}.videotheque-page .hero-subtitle{color:#555;margin-bottom:32px;font-size:18px;font-weight:400;line-height:1.7}.videotheque-page .hero-cta-group{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.videotheque-page .cta-button{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.videotheque-page .cta-button svg{width:18px;height:18px}.videotheque-page .cta-button.primary{color:#fff;background:#111}.videotheque-page .cta-button.primary:hover{background:#333;transform:translateY(-2px)}.videotheque-page .cta-button.secondary{color:#111;background:0 0;border:1px solid #0003}.videotheque-page .cta-button.secondary:hover{background:#00000008;border-color:#111}.videotheque-page .cta-button.large{padding:16px 32px;font-size:16px}.videos-section{background:#fafafa;padding:80px 0}.videos-container{max-width:1200px;margin:0 auto;padding:0 24px}.section-header{margin-bottom:48px}.section-label{color:#888;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:inline-block}.videotheque-page .section-title{color:#111;letter-spacing:-.01em;font-size:clamp(28px,4vw,36px);font-weight:400}.video-grid{grid-template-columns:repeat(1,1fr);gap:24px;display:grid}@media (min-width:640px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.video-grid{grid-template-columns:repeat(3,1fr)}}.video-card{opacity:0;background:#fff;border:1px solid #0000000f;border-radius:16px;transition:all .35s cubic-bezier(.4,0,.2,1);animation:.5s forwards card-appear;overflow:hidden;transform:translateY(16px);box-shadow:0 2px 8px #0000000a}@keyframes card-appear{to{opacity:1;transform:translateY(0)}}.video-card:hover{border-color:#0000;transform:translateY(-6px);box-shadow:0 16px 40px #0000001a}.video-wrapper{aspect-ratio:4/5;background:#f5f5f5;position:relative;overflow:hidden}.video-player{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s}.video-card:hover .video-player{transform:scale(1.03)}.play-overlay{background:#00000040;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.play-overlay.hidden{opacity:0;pointer-events:none}.play-button{color:#111;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex;box-shadow:0 4px 16px #00000026}.play-button svg{width:24px;height:24px;margin-left:3px}.video-card:hover .play-button{transform:scale(1.1)}.duration-badge{color:#fff;background:#000000bf;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;position:absolute;bottom:12px;right:12px}.card-content{padding:20px}.candidate-info{align-items:flex-start;gap:12px;display:flex}.candidate-avatar{background:#f5f5f5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.candidate-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.candidate-avatar span{color:#666;font-size:14px;font-weight:600}.candidate-details{flex:1;min-width:0}.candidate-name{color:#111;margin:0;font-size:16px;font-weight:600;line-height:1.3}.candidate-title{color:#666;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:14px;overflow:hidden}.candidate-location{color:#888;align-items:center;gap:6px;margin-top:12px;font-size:13px;display:flex}.candidate-location svg{flex-shrink:0;width:16px;height:16px}.candidate-skills{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.skill-tag{color:#555;background:#f5f5f5;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.skill-more{color:#888;background:#eee;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.empty-state{text-align:center;padding:80px 24px}.empty-icon{color:#aaa;background:#f5f5f5;border-radius:16px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;display:flex}.empty-icon svg{width:32px;height:32px}.empty-state h3{color:#111;margin:0 0 8px;font-size:20px;font-weight:600}.empty-state p{color:#666;margin:0 0 24px;font-size:15px}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:48px;display:flex}.pagination-btn{color:#111;cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .25s;display:flex}.pagination-btn svg{width:18px;height:18px}.pagination-btn:hover:not(:disabled){background:#f5f5f5;border-color:#00000026}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:#666;font-size:14px}.videotheque-page .cta-section{background:#fff;padding:100px 24px}.videotheque-page .cta-container{justify-content:space-between;align-items:center;gap:60px;max-width:1000px;margin:0 auto;display:flex}.videotheque-page .cta-content{flex:1}.videotheque-page .cta-title{color:#111;letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(28px,4vw,40px);font-weight:400;line-height:1.2}.videotheque-page .cta-description{color:#666;margin:0 0 28px;font-size:17px;line-height:1.7}.videotheque-page .cta-decoration{flex-shrink:0}.videotheque-page .cta-image{opacity:.8}@media (max-width:768px){.videotheque-page .cta-container{text-align:center;flex-direction:column}.videotheque-page .cta-decoration{order:-1}.videotheque-page .cta-image{width:180px;height:auto}}.video-card-skeleton{background:#fff;border:1px solid #0000000f;border-radius:16px;overflow:hidden}.skeleton-thumb{aspect-ratio:4/5;background:linear-gradient(90deg,#f5f5f5 0%,#eee 50%,#f5f5f5 100%) 0 0/200% 100%;animation:1.5s infinite skeleton-shimmer}.skeleton-content{gap:12px;padding:20px;display:flex}.skeleton-avatar{background:linear-gradient(90deg,#f5f5f5 0%,#eee 50%,#f5f5f5 100%) 0 0/200% 100%;border-radius:10px;width:44px;height:44px;animation:1.5s infinite skeleton-shimmer}.skeleton-info{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-line{background:linear-gradient(90deg,#f5f5f5 0%,#eee 50%,#f5f5f5 100%) 0 0/200% 100%;border-radius:6px;height:14px;animation:1.5s infinite skeleton-shimmer}.skeleton-line.w-3-4{width:75%}.skeleton-line.w-1-2{width:50%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.video-modal-overlay{z-index:9999;background:#000000e6;justify-content:center;align-items:center;padding:24px;animation:.25s modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.video-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s modal-slide-up;display:flex;position:relative;overflow:hidden}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{color:#fff;cursor:pointer;z-index:10;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close svg{width:20px;height:20px}.modal-close:hover{background:#000c;transform:scale(1.1)}.modal-video-container{aspect-ratio:16/9;background:#000;width:100%}.modal-video{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.modal-info{padding:24px}.modal-candidate{align-items:flex-start;gap:16px;display:flex}.modal-avatar{background:#f5f5f5;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.modal-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.modal-avatar span{color:#666;font-size:18px;font-weight:600}.modal-details{flex:1}.modal-name{color:#111;margin:0;font-size:20px;font-weight:600;line-height:1.3}.modal-title{color:#666;margin:4px 0 0;font-size:15px}.modal-location{color:#888;align-items:center;gap:6px;margin-top:8px;font-size:14px;display:flex}.modal-location svg{flex-shrink:0;width:16px;height:16px}.modal-skills{border-top:1px solid #eee;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;display:flex}.video-card{cursor:pointer}@media (max-width:640px){.video-modal-overlay{padding:0}.video-modal{border-radius:0;height:100vh;max-height:100vh}.modal-video-container{flex-shrink:0}.modal-info{flex:1;overflow-y:auto}}.video-card-locked{cursor:default}.video-card-locked:hover{transform:none;box-shadow:0 2px 8px #0000000a}.video-blurred{filter:blur(12px);transform:scale(1.05)}.video-card-locked:hover .video-blurred{transform:scale(1.05)}.locked-overlay{z-index:5;background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.locked-content{text-align:center;padding:20px}.locked-icon{background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;display:flex;box-shadow:0 4px 16px #00000026}.locked-icon svg{color:#111;width:22px;height:22px}.locked-text{color:#fff;text-shadow:0 1px 3px #0000004d;margin:0 0 12px;font-size:14px;font-weight:500}.locked-cta{color:#fff;background:#dc2626;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-block}.locked-cta:hover{background:#b91c1c;transform:translateY(-2px)}.content-blurred{filter:blur(4px);-webkit-user-select:none;user-select:none;pointer-events:none}