*,*:before,*:after{box-sizing:border-box!important}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}a{text-decoration:none}:root{--primary-color: #040066;--text-color: #fff;--spacing: 1.75rem;--logo-width: 320px;--logo-height: 120px;--title-size: 2.25rem;--subtitle-size: 1.75rem;--description-size: 1.15rem;--video-max-size: 960px;--video-control-size: 100px}@media all and (max-width: 1024px){:root{--spacing: 1.5rem;--logo-width: 280px;--logo-height: 100px;--title-size: 2rem;--description-size: 1rem;--video-control-size: 60px}}html{scrollbar-width:thin;scrollbar-color:rgba(150,150,150,.5) transparent}body::-webkit-scrollbar{width:6px;height:6px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background-color:#9696964d;border-radius:20px}body::-webkit-scrollbar-thumb:hover{background-color:#969696b3}body{background-color:var(--primary-color);font-family:Raleway,sans-serif;font-optical-sizing:auto;font-style:normal;color:var(--text-color);transition:opacity .5s ease-in-out}.app{padding:var(--spacing)}.logo{max-width:var(--logo-width);max-height:var(--logo-height)}.landing{display:flex;flex-direction:column;align-items:center;gap:var(--spacing)}.landing__content{max-width:100ch;text-align:center}.landing__content h1{font-weight:300;letter-spacing:-1px;font-size:var(--title-size);line-height:1}.landing__content h2{font-weight:400;letter-spacing:-1px;font-size:var(--subtitle-size);margin-top:.5rem;line-height:1.1}.landing__content p{font-weight:300;margin-top:1rem;line-height:1.6;font-size:var(--description-size)}.landing__media{width:100%}.video-wrapper{position:relative;width:90%;max-width:960px;margin:2rem auto;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0003}.video-wrapper video{display:block;width:100%;height:auto;cursor:pointer}.video-play-button{position:absolute;top:initial;left:0;right:0;bottom:20%;margin:auto;z-index:10;width:var(--video-control-size);height:var(--video-control-size);background-color:#1e1e1eb3;border:2px solid white;border-radius:50%;padding:0;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .2s ease}@media all and (max-width: 1024px){.video-play-button{bottom:16%}}@media all and (max-width: 768px){.video-play-button{bottom:10%}}.video-play-button:hover{transform:scale(1.1)}.video-play-button svg{width:40%;height:40%;transform:translate(2px)}.video-wrapper:not(.is-playing) .video-play-button{opacity:1;pointer-events:auto}.video-controls-bar{position:absolute;bottom:0;left:0;width:100%;padding:10px;box-sizing:border-box;display:flex;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .3s ease}.video-wrapper.is-playing.show-controls .video-controls-bar{opacity:1;pointer-events:auto}.video-fullscreen-button{background:none;border:none;padding:0;cursor:pointer;width:calc(var(--video-control-size) / 3);height:calc(var(--video-control-size) / 3);color:#fff}.video-fullscreen-button svg{width:100%;height:100%}.video-wrapper.is-fullscreen .icon-enter-fullscreen{display:none}.video-wrapper.is-fullscreen .icon-exit-fullscreen{display:block}.landing__language nav{display:flex;flex-direction:column;gap:calc(var(--spacing) / 4)}.landing__language nav>span{font-size:1rem;text-align:center}.landing__language nav>div{display:flex;gap:calc(var(--spacing) / 4);align-items:center;justify-content:center}.landing__language nav>div a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-color);gap:calc(var(--spacing) / 6);opacity:.8}.landing__language nav>div a img{width:26px;height:20px;border-radius:4px;overflow:hidden;object-fit:cover}.landing__language nav>div a span{font-weight:500;font-size:.75rem}.landing__language nav>div a.active{opacity:1}
