@font-face{font-family:"Montserrat";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/montserrat-400-latin.woff2) format("woff2")}@font-face{font-family:"Roboto";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/roboto-400-latin.woff2) format("woff2")}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{height:100%;background:#fff;-webkit-text-size-adjust:100%}body{height:100vh;height:100dvh;overflow:hidden;font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.4;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0)}h1,h2,h6{font-weight:400;text-transform:uppercase;line-height:1.1}h1{font-size:clamp(30px,4vmin + 14px,48px)}h2{font-size:clamp(24px,2.4vmin + 12px,34px)}h6{font-size:clamp(13px,.8vmin + 9px,18px);letter-spacing:.04em}p{font-size:clamp(16px,1.2vmin + 11px,22px)}.bg{position:fixed;inset:0;z-index:0;opacity:.1;pointer-events:none}.bg__item{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;background-position:50%;opacity:0;transition:opacity .5s ease}.bg__item.active{opacity:1}.bg.desktop,.container-bg.desktop{display:none}.main{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(8px,1.6vmin,18px) clamp(6px,1.6vmin,18px) 0}.container{position:relative;flex:1 1 auto;min-height:0;width:100%;border-radius:10px;overflow:hidden;background:#1e1a22;box-shadow:0 2px 20px rgba(0,0,0,.4)}.container-bg{position:absolute;inset:0;z-index:0}.container-bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4)}.adult{flex:none;padding:clamp(6px,1.2vmin,12px) 0;font-size:clamp(10px,.6vmin + 7px,13px);text-transform:uppercase;color:#000}.stepbox{position:relative;z-index:1;height:100%}.step{display:none;flex-direction:column;justify-content:flex-end;height:100%;max-width:600px;margin:0 auto;padding:clamp(14px,2.6vmin,28px);color:#fff;text-align:left}.step.active{display:flex}.step:first-child,.step.final-step{text-align:center}.step__header,.step__body{flex:none}.step__header{margin-bottom:clamp(6px,1.2vmin,14px)}.step__body{margin-bottom:clamp(14px,2.8vmin,30px)}.step__footer{flex:none;margin-bottom:clamp(2px,.8vmin,10px)}.step.active .step__header,.step.active .step__body{animation:step-fade-down .5s cubic-bezier(0.22, 1, 0.36, 1) backwards}.step.active .step__body{animation-delay:.08s}@keyframes step-fade-down{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}.btnbox{display:flex;justify-content:center;align-items:center;width:100%;overflow:hidden}.btn{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:40%;max-width:clamp(120px,8vmin + 80px,210px);height:clamp(52px,3.6vmin + 36px,82px);overflow:hidden;font-family:Roboto,Montserrat,Arial,Helvetica,sans-serif;font-size:clamp(17px,1.4vmin + 11px,30px);line-height:1.1;letter-spacing:.1em;text-transform:uppercase;text-align:center;text-decoration:none;color:#333;background:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .25s ease}.btn:active{background:#f1f1f1}.btnbox .btn:first-child{border-radius:6px 0 0 6px;border-right:1px solid #eee}.btnbox .btn:nth-child(2){border-radius:0 6px 6px 0;border-left:1px solid #eee}.btn__text{transition:all .2s ease-out}.btn__text.small{font-size:.8em;line-height:.8em}.btn--primary .btn__text{background:linear-gradient(90deg, #5ae1ff, #3bf7a0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.btn--accent .btn__text{background:linear-gradient(90deg, #ff8e4c, #df7bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.percentage{display:none;font-size:1.2em;line-height:1.2em;transform:scale(0)}.percentage.is-shown{display:block;animation:grow-up .1s linear .2s forwards}@keyframes grow-up{from{transform:scale(0)}to{transform:scale(1)}}.btnbox .btn.btn--block{width:80%;max-width:clamp(240px,16vmin + 160px,420px);border:none;border-radius:6px}.btn.gray-bg{background:#ddd}.btnbox .btn.btn--zero{width:0;border:none}.c-ripple{position:absolute;inset:0;overflow:hidden;pointer-events:none}.c-ripple.is-active .c-ripple__circle{animation:ripple .4s ease-in}.c-ripple__circle{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(0,0,0,.25);opacity:0;transform:translate(-50%, -50%)}@keyframes ripple{0%{opacity:0}25%{opacity:1}to{width:200%;padding-bottom:200%;opacity:0}}@media(min-width: 768px){.container{max-width:480px;max-height:780px}}@media(min-width: 1024px){.container{max-width:clamp(600px,50vw,960px);max-height:clamp(400px,30vw,580px)}.bg.mobile,.container-bg.mobile{display:none}.bg.desktop,.container-bg.desktop{display:block}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-delay:0s !important;transition-duration:.01ms !important}}/*# sourceMappingURL=main.css.map */