*,:before,:after{box-sizing:border-box}html{font-family:system-ui;overflow-x:hidden;scroll-behavior:smooth;line-height:1.15;-webkit-text-size-adjust:100%}body{font-size:14px;margin:0;background:var(--page-bg-color)}:root{--page-bg-color: #000;--grey-color: #86868B;--dark-color: #282E3480;--blue-color: #0B84FE}h1,h2,h3,h4,h5,h6{margin:0}.page-wrapper{padding:0 30px;height:100%}.placeholder{height:100vh;display:flex;align-items:center;justify-content:center}.placeholder span{color:#fff;font-size:32px}.video-section{display:flex;justify-content:center;align-items:center;height:100vh}.video-wrapper{position:relative;max-width:1856px;max-height:742px;width:100%;height:100%}.cards-container{position:absolute;left:50%;top:25%;transform:translate(-50%);width:80%}.cards-wrapper{position:relative;display:flex;justify-content:center}.card-item{z-index:10;position:absolute;opacity:0;scale:none;translate:none}