body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.debug-panel{background-color:#fff;border-radius:8px;padding:20px}.debug-panel h3{font-size:16px;font-weight:700;margin:0 0 10px}.debug-log{background-color:#f8f8f8;border-radius:4px;font-family:monospace;font-size:12px;height:200px;line-height:1.4;overflow-y:auto;padding:10px}.debug-log div{margin-bottom:4px}.video-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000eb;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-popup-modal{animation:slideIn .5s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#000000fa,#14141ef2);border:1px solid #8b5cf640;border-radius:20px;box-shadow:0 30px 90px #8b5cf659,inset 0 0 60px #8b5cf626;height:clamp(400px,85vh,900px);overflow:hidden;position:relative;width:clamp(320px,90vw,1400px)}@keyframes slideIn{0%{opacity:0;transform:scale(.92) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}.video-popup-header{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(180deg,#000c,#0006 80%,#0000);border-bottom:1px solid #8b5cf61a;display:flex;justify-content:space-between;left:0;padding:24px 28px;position:absolute;right:0;top:0;z-index:10}.video-popup-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700;letter-spacing:-.5px}.video-popup-close{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;color:#fffc;cursor:pointer;display:flex;font-size:1.3rem;height:44px;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);width:44px}.video-popup-close:hover{background:#dc262626;border-color:#dc262666;box-shadow:0 4px 20px #dc26264d;color:#ef4444;transform:scale(1.08) rotate(90deg)}.video-popup-content{display:flex;gap:24px;height:100%;padding:90px 24px 24px;width:100%}.popup-video-section{align-items:center;background:radial-gradient(ellipse at center,#8b5cf60d 0,#0009 100%);border:1px solid #8b5cf633;border-radius:16px;box-shadow:inset 0 10px 40px #8b5cf626,inset 0 0 0 1px #8b5cf60d;display:flex;flex:1 1;height:100%;justify-content:center;max-width:1000px;overflow:visible;position:relative;z-index:5}.popup-video-section:before{background:linear-gradient(90deg,#0000,#8b5cf680 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.video-container-popup{position:relative;width:100%}.video-container-popup,.video-placeholder-content{align-items:center;display:flex;height:100%;justify-content:center}.video-placeholder-content{flex-direction:column;padding:40px}.popup-side-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5cf605,#ffffff03);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex:0 0 420px;flex-direction:column;overflow-y:auto;padding:32px}.popup-side-panel::-webkit-scrollbar{width:6px}.popup-side-panel::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.popup-side-panel::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:10px}.popup-side-panel::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.start-video-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;box-shadow:0 6px 20px #8b5cf666,inset 0 0 0 1px #8b5cf633;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;overflow:hidden;padding:16px 28px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.start-video-button:before{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.start-video-button:hover{box-shadow:0 8px 30px #8b5cf699,inset 0 0 0 1px #8b5cf64d;transform:translateY(-2px)}.start-video-button:hover:before{left:100%}.start-video-button:active{transform:translateY(0)}.start-video-button:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:900px){.video-popup-content{flex-direction:column;gap:16px;padding:70px 16px 16px}.popup-video-section{height:55%;max-width:100%}.popup-side-panel{flex:0 0 auto;height:45%;max-height:500px;padding:24px}.video-popup-header{padding:18px 20px}.video-popup-title{font-size:1.3rem}.video-popup-close{font-size:1.1rem;height:38px;width:38px}}@media (max-width:600px){.video-popup-modal{border-radius:16px;height:90vh;width:95vw}.video-popup-header{padding:16px 18px}.video-popup-title{font-size:1.2rem}.popup-side-panel{flex:0 0 380px}.start-video-button{font-size:1rem;padding:14px 24px}}
/*# sourceMappingURL=main.b05dfc8e.css.map*/