@font-face{font-family:CustomFont;src:url(/assets/Metropolis-Regular-CzBvJ1n5.otf) format("opentype");font-weight:400}@font-face{font-family:CustomFont;src:url(/assets/Trajan%20Pro%20Bold-BqrE6oXJ.ttf) format("truetype");font-weight:700}*{margin:0;padding:0;border:none;box-sizing:border-box}body{font-family:CustomFont,Arial,sans-serif;font-size:18px;color:#fff}h2{font-weight:700;font-size:2.5rem;color:#fff;text-transform:uppercase}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes keyhole-animation{0%{width:50px;height:50px;opacity:1}to{width:300%;height:300%;opacity:0}}@keyframes keyhole-backgroud-animation{0%{background-color:#000}to{background-color:#0000}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes flowing-background{0%{background-position:0% 100%}to{background-position:100% 0%}}@keyframes waveStretch{0%{transform:scaleY(.6) scaleX(1)}25%{transform:scaleY(1.2) scaleX(.95)}50%{transform:scaleY(.8) scaleX(1.05)}75%{transform:scaleY(1.1) scaleX(.98)}to{transform:scaleY(.9) scaleX(1.02)}}@keyframes waveTurbulence{0%{transform:translate(0) rotate(0)}25%{transform:translate(-10px) rotate(.5deg)}50%{transform:translate(5px) rotate(-.3deg)}75%{transform:translate(-5px) rotate(.2deg)}to{transform:translate(0) rotate(0)}}.fade-in-sequence{opacity:0;animation:fade-in .6s ease-out forwards}.fade-in-sequence[style*=opacity]{animation:none!important}.fade-in-sequence.seq-1{animation-delay:0s}.fade-in-sequence.seq-2{animation-delay:.7s}.fade-in-sequence.seq-3{animation-delay:1.4s}.fade-in-sequence.seq-4{animation-delay:2.1s}.fade-in-sequence.seq-5{animation-delay:2.8s}.fade-in-sequence.seq-6{animation-delay:3.5s}.fade-in-sequence.seq-7{animation-delay:4.2s}.fade-in-sequence.seq-8{animation-delay:4.9s}.fade-in-sequence.seq-9{animation-delay:5.6s}.fade-in-sequence.seq-10{animation-delay:6.3s}section.section-1 .before-key>*{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity;transform-origin:center top}section.section-1 .before-key>*[style*=opacity]{animation:none!important}section.section-1 .after-key,section.section-1 .register-container{transition:opacity .4s cubic-bezier(.4,0,.2,1);will-change:opacity;transform:translateY(0)!important}section.section-1 .after-key[style*=opacity],section.section-1 .register-container[style*=opacity]{animation:none!important}section.section-1 .key-container{position:relative;z-index:1000;transition:opacity .3s ease-out}section.section-1 .key-container img{transform:none!important}section.section-1 .key-container[style*=opacity]{animation:none!important}section.section-2 .background-animation{transition:all .3s ease-out}section.section-2 .background-animation.animate img{animation:keyhole-animation 2s ease-out forwards}section.section-2 .background-animation img{position:relative;z-index:999}.fade-in-sequence{will-change:transform,opacity;backface-visibility:hidden;transform-style:preserve-3d}html{scroll-behavior:smooth}.key-container img,.background-animation img{pointer-events:none}.key-container,.after-key,.register-container{backface-visibility:hidden}@media (prefers-reduced-motion: reduce){section.section-1 .before-key>*,section.section-1 .after-key,section.section-1 .register-container{transition:opacity .2s ease!important}section.section-1 .key-container{transition:none!important}*{animation-duration:.01ms!important;animation-iteration-count:1!important}}section{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}section>div.fixed-container{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}section div.content{text-transform:uppercase}section.section-1{background:url(/images/img_banner_1.jpg) repeat center center;background-size:150% 150%;animation:flowing-background 5s linear infinite;position:relative;overflow:hidden;height:120vh}section.section-1 div.content{text-align:center}section.section-1 div.content div.before-key{letter-spacing:.5em}section.section-1 div.content div.before-key p{margin:1.5rem 0}section.section-1 div.content div.before-key h2{font-size:2.5rem;color:#c2a16d}section.section-1 div.content div.before-key p:nth-child(3){font-size:1.5rem}section.section-1 div.content div.key-container{position:relative;z-index:9999;margin:2rem 0;display:flex;justify-content:center;align-items:center}section.section-1 div.content div.key-container img{height:50px;display:block}section.section-1 div.content div.after-key{margin-top:1.5rem;letter-spacing:.2em}section.section-1 div.content div.after-key p{margin:.5rem 0}section.section-1 div.content div.register-container{margin-top:2rem}section.section-1 div.content div.register-container img{width:200px}section.section-1 .wave-container{position:absolute;bottom:-1px;left:0;width:100%;height:20vh;overflow:hidden;z-index:1}section.section-1 .wave-container .wave-svg{width:100%;height:100%;position:absolute;bottom:0;transform-origin:bottom center;animation:waveStretch 5s ease-in-out infinite,waveTurbulence 5s linear infinite}section.section-2 div.background-animation{position:absolute;display:flex;justify-content:center;align-items:center;background-color:#000;top:0;left:0;width:100%;height:100%;z-index:9998}section.section-2 div.background-animation.animate{animation:keyhole-backgroud-animation 2s ease-in-out forwards}section.section-2 div.background-animation.animate img{animation:keyhole-animation 2s ease-in-out forwards}section.section-2 div.background-animation img{width:50px;height:50px;object-fit:contain}section.section-2 video.video-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}section.section-2:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2;pointer-events:none}section.section-2 div.content{z-index:100;text-align:center;width:40%}section.section-2 div.content h2{margin-bottom:2.5rem;letter-spacing:.3rem;animation:fade-in 2s ease-in forwards}section.section-2 div.content p{font-size:.8rem;line-height:1rem;letter-spacing:.2rem;margin:0}section.section-2 div.content .typewriter-container{display:flex;flex-direction:column;align-items:center}section.section-2 div.content .typewriter{display:inline-block;min-height:1rem}