*{margin:0;padding:0;box-sizing:border-box}
@font-face{font-family:'Segoe UI';src:url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'Segoe UI Semi Bold';src:url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff') format('woff');font-weight:normal}
html{visibility:hidden;opacity:0;transition:opacity .3s ease}
img{border:0}
body{background:#f5f4f7;overflow-x:hidden;font-family:'Segoe UI',Helvetica,Arial,sans-serif}
#qvideo_scroller{position:relative;z-index:10}
#qvideo-section{margin:0;padding:0}
#qvideo-video-wrapper{margin:0 auto;padding:0;position:relative;width:100%;z-index:20}
.qvideo-background{display:block;position:relative;width:100%;height:auto;background:#f5f4f7;z-index:0}
.qvideo-info-box{display:flex;flex-direction:column;align-items:flex-start;position:absolute;width:clamp(170px,60vw,350px);max-width:70vw;background:rgba(255,255,255,0.7);border-radius:16px;padding:2rem 2.25rem;box-shadow:0 4px 16px rgba(0,0,0,0.2);border:1px solid #fff;backdrop-filter:blur(20px);z-index:100;gap:1rem;pointer-events:auto;opacity:0;transform-origin:top left}
.qvideo-info-box h3,.qvideo-info-box h2{margin:0;font-size:1.8rem;font-family:"Segoe UI Semi Bold",Arial,Helvetica,sans-serif;font-weight:600;color:#2f2f2f}
.qvideo-info-box p{margin:.5rem 0;font-size:clamp(0.7rem,2vw,1rem);font-family:"Segoe UI",Arial,Helvetica,sans-serif;color:#2f2f2f}
.qvideo-info-box button{margin-top:.5rem;padding:.6rem 1rem;font-size:.95rem;background-color:#1373e6;border:.5px solid #fff;color:#fff;border-radius:8px;cursor:pointer;transition:background-color .5s ease}
.qvideo-info-box button:hover{background-color:#0d5fc2}
@media(min-width:1025px),(orientation:landscape) and (hover:none) and (pointer:coarse){#qvideo-video-wrapper{height:100vh;overflow:hidden;position:relative}
#qvideo-video-wrapper .qvideo-background{position:absolute;top:50%;left:50%;width:100vw;height:100vh;object-fit:contain;transform:translate(-50%,-50%);will-change:transform}
#qvideo-section{background-color:#f5f4f7}
}
@media(max-width:600px) and (orientation:portrait){#qvideo-video-wrapper{width:100%;height:auto;overflow:visible;padding-top:0 !important}
.qvideo-background{position:relative;width:100%;height:auto;transform:none}
.qvideo-info-box{position:fixed !important;left:50% !important;bottom:10px;transform:translateX(-50%) !important;width:85%;max-width:90vw;padding:1rem 1.5rem;max-height:calc(100dvh - 24px);overflow:auto;opacity:initial;z-index:300}
}
@media(min-width:600px) and (max-width:1024px) and (orientation:portrait){#qvideo-video-wrapper{width:100%;position:relative;top:0;margin:0 auto;overflow:visible;padding:0}
.qvideo-background{width:100%;height:auto;object-fit:contain}
.qvideo-info-box{position:fixed !important;left:50% !important;bottom:calc(clamp(18px, 12vh, 140px) + env(safe-area-inset-bottom));transform:translateX(-50%) !important;width:min(720px,92vw);max-width:92vw;padding:1.6rem 1.8rem;max-height:min(52dvh,calc(100dvh - 24px));overflow:auto;opacity:initial;z-index:300}
}
@media(max-height:520px) and (orientation:portrait) and (hover:none) and (pointer:coarse){.qvideo-info-box{position:relative !important;left:0 !important;transform:none !important;margin:12px auto 0 auto !important;width:min(640px,92vw);max-height:none;overflow:visible}
}