.kermony-watch[data-v-4a9e540e]{background:linear-gradient(135deg,var(--kermony-office-bleu-1),var(--kermony-office-violet));padding:24px;min-height:100vh;position:relative}.entry-animation[data-v-4a9e540e]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,var(--kermony-office-bleu-1),var(--kermony-office-violet));display:flex;align-items:center;justify-content:center;z-index:9999;animation:slideOut-4a9e540e 1.5s ease-in-out forwards}.animation-content[data-v-4a9e540e]{display:flex;flex-direction:column;align-items:center;gap:24px}.play-icon-animation[data-v-4a9e540e]{background:hsla(0,0%,100%,.2);border-radius:50%;width:120px;height:120px;display:flex;align-items:center;justify-content:center;animation:playBounce-4a9e540e 1.5s ease-in-out;backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.3)}.title-animation[data-v-4a9e540e]{opacity:0;animation:titleFadeIn-4a9e540e 1.5s ease-in-out .3s forwards}.title-animation h1[data-v-4a9e540e]{color:#fff;font-size:42px;font-weight:600;margin:0;text-align:center;letter-spacing:2px;text-shadow:0 4px 12px rgba(0,0,0,.3)}@keyframes titleFadeIn-4a9e540e{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes playBounce-4a9e540e{0%{transform:scale(0) rotate(0deg);opacity:0}50%{transform:scale(1.2) rotate(180deg);opacity:1}70%{transform:scale(.9) rotate(1turn)}to{transform:scale(1) rotate(1turn);opacity:1}}@keyframes slideOut-4a9e540e{0%{transform:translateX(0);opacity:1}80%{transform:translateX(0);opacity:1}to{transform:translateX(-100vw);opacity:0}}.content-wrapper[data-v-4a9e540e]{opacity:0;transform:translateY(20px);background:#fff;border-radius:16px;padding:32px;margin:24px 0;box-shadow:0 8px 32px rgba(0,0,0,.1)}.content-wrapper.fade-in[data-v-4a9e540e]{animation:fadeInContent-4a9e540e .8s ease-out forwards}@keyframes fadeInContent-4a9e540e{to{opacity:1;transform:translateY(0)}}.page-header[data-v-4a9e540e]{margin-bottom:32px}.back-btn[data-v-4a9e540e]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:none;border:1px solid var(--kermony-office-bleu-1);color:var(--kermony-office-bleu-1);border-radius:6px;cursor:pointer;font-size:14px;font-weight:400;transition:all .2s ease;margin-bottom:24px;width:-moz-fit-content;width:fit-content}.back-btn[data-v-4a9e540e]:hover{background:var(--kermony-office-bleu-1);color:#fff;transform:translateX(-2px)}.video-gallery h1[data-v-4a9e540e]{font-size:32px;font-weight:600;color:#fff;margin-bottom:8px}.subtitle[data-v-4a9e540e]{font-size:16px;color:#666;margin-bottom:0}.video-list[data-v-4a9e540e]{display:flex;flex-direction:column;gap:16px;padding-bottom:24px}.video-item[data-v-4a9e540e]{display:flex;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;cursor:pointer;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:slideInItem-4a9e540e .6s ease-out forwards}@keyframes slideInItem-4a9e540e{to{opacity:1;transform:translateY(0)}}.video-item[data-v-4a9e540e]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.video-thumbnail[data-v-4a9e540e]{position:relative;width:280px;height:160px;flex-shrink:0;overflow:hidden}.video-thumbnail img[data-v-4a9e540e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.video-item:hover .video-thumbnail img[data-v-4a9e540e]{transform:scale(1.05)}.play-overlay[data-v-4a9e540e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;backdrop-filter:blur(5px)}.video-item:hover .play-overlay[data-v-4a9e540e]{opacity:1;transform:translate(-50%,-50%) scale(1.1);background:rgba(172,35,105,.9)}.video-duration[data-v-4a9e540e]{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.8);color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:500}.video-info[data-v-4a9e540e]{padding:20px 24px;flex:1;display:flex;flex-direction:column;justify-content:center}.video-info h3[data-v-4a9e540e]{font-size:20px;font-weight:600;color:var(--kermony-office-bleu-1);margin-bottom:8px;line-height:1.3;transition:color .2s ease}.video-item:hover .video-info h3[data-v-4a9e540e]{color:var(--kermony-office-violet)}.video-meta[data-v-4a9e540e]{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;color:#888}.video-date[data-v-4a9e540e],.video-views[data-v-4a9e540e]{font-weight:500}.video-views[data-v-4a9e540e]{display:flex;align-items:center;gap:5px}.video-views svg[data-v-4a9e540e]{color:#aaa;position:relative;top:-1px}.video-info p.video-description-text[data-v-4a9e540e]{font-size:14px;color:#666;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.fullscreen-player[data-v-4a9e540e]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:9999;display:flex;flex-direction:column}.player-header[data-v-4a9e540e]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:rgba(0,0,0,.9);color:#fff}.player-header h2[data-v-4a9e540e]{font-size:20px;font-weight:500}.close-btn[data-v-4a9e540e]{background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;color:#fff}.close-btn[data-v-4a9e540e]:hover{background:hsla(0,0%,100%,.1);transform:scale(1.1)}.video-container[data-v-4a9e540e]{flex:1;position:relative}.video-container iframe[data-v-4a9e540e]{width:100%;height:100%}.video-description[data-v-4a9e540e]{padding:16px 24px;background:rgba(0,0,0,.9);color:#fff;max-height:20vh;overflow-y:auto}.video-description p[data-v-4a9e540e]{font-size:14px;line-height:1.5}@media (max-width:768px){.video-item[data-v-4a9e540e]{flex-direction:column}.video-thumbnail[data-v-4a9e540e]{width:100%;height:180px}.kermony-watch[data-v-4a9e540e],.video-info[data-v-4a9e540e]{padding:16px}.content-wrapper[data-v-4a9e540e]{padding:24px;margin:16px 0}.player-header[data-v-4a9e540e]{padding:12px 16px}.player-header h2[data-v-4a9e540e]{font-size:16px}.video-gallery h1[data-v-4a9e540e]{font-size:24px}.title-animation h1[data-v-4a9e540e]{font-size:32px}}@media (min-width:769px){.kermony-watch[data-v-4a9e540e]{margin-left:0}}