@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/manrope-400-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/manrope-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/manrope-700-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/manrope-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}:focus{outline:0}ol,ul{list-style:none}a{text-decoration:none;cursor:pointer}html,body{height:100%}body{font-family:"Manrope",sans-serif;color:#02d6e8;line-height:1.3;font-size:25px;font-weight:700;background:#061321;position:relative;overflow:hidden}body::before{content:"";position:fixed;inset:0;z-index:1;background:linear-gradient(180deg, rgba(2, 8, 21, 0) 0%, rgba(2, 8, 21, 0.55) 60%, rgba(2, 8, 21, 0.96) 100%);pointer-events:none}.bg{position:fixed;inset:5px 5px 0 5px;background:#061321 url("../images/bg-mob_date.jpg") no-repeat top center;background-size:100% auto;z-index:0}body.active-step-1 .bg{background-image:url("../images/bg-mob_cas.jpg")}.steps-wrap{position:relative;z-index:11;width:100%;max-width:500px;height:100vh;height:100dvh;margin:0 auto;padding:0 15px}.step{display:none;position:relative;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px 0 110px;overflow:hidden}.step.is-active{display:flex}.step .confirm-icon{font-size:clamp(40px,12vh,70px);line-height:1;color:#042430;background:#02d6e8;border-radius:15px;margin-bottom:clamp(.75rem,3vh,2rem);padding:.2rem 4rem;animation:step-fade-down .5s cubic-bezier(0.22, 1, 0.36, 1) backwards}.step .step-title{margin-bottom:clamp(.75rem,2.5vh,1.5rem);text-align:center;animation:step-fade-down .5s cubic-bezier(0.22, 1, 0.36, 1) .08s backwards}.step .step-title span{color:#fff}.step .step-title#textConfirmAgeTitle{padding:0 3rem}.step .photo-wrap{position:relative;width:min(100%,100dvh - 280px);aspect-ratio:1/1;border-radius:10px;overflow:hidden;margin-bottom:10px;flex:0 1 auto;animation:step-fade-down .5s cubic-bezier(0.22, 1, 0.36, 1) backwards}.step .photo-wrap .step-indicator{color:#02d6e8;font-size:2.6rem;font-weight:700;line-height:1;position:absolute;top:0;left:0;background:url("../images/corner.png") no-repeat center;background-size:100% 100%;width:100px;height:100px;padding:.3rem 0 0 .7rem}.step .photo-wrap .gif{width:100%;height:100%;background-size:cover;background-position:top center}.gif-1{background-image:url("../images/1.webp")}.gif-2{background-image:url("../images/2.webp")}.gif-3{background-image:url("../images/3.webp")}.gif-4{background-image:url("../images/4.webp")}.gif-5{background-image:url("../images/5.webp")}.btns-wrap,.btn-wrap{position:absolute;bottom:30px;left:0;right:0;display:flex;align-items:center;justify-content:space-between}.btn-wrap .btn{font-size:2.5rem;width:100%}.btn{font-size:2.2rem;line-height:1;font-weight:700;display:flex;align-items:center;justify-content:center;width:calc(50% - 10px);height:60px;border-radius:10px;border:2px solid rgba(0,0,0,0);text-transform:uppercase;transition:background-color .2s ease,box-shadow .2s ease,transform .15s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn.btn-1{background-color:#02d6e8;color:#012331;box-shadow:0 6px 20px rgba(2,214,232,.35)}.btn.btn-1:hover{background-color:#1ce0f0;box-shadow:0 10px 28px rgba(2,214,232,.5)}.btn.btn-1:active{transform:translateY(1px)}.btn.btn-2{border-color:#02d6e8;color:#02d6e8}.btn.btn-2:hover{background-color:rgba(2,214,232,.1)}.btn.confirm-btn{font-size:1.7rem}@keyframes step-fade-down{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@media(max-height: 720px){body{font-size:21px}.btn{height:54px;font-size:1.9rem}.btn-wrap .btn{font-size:2.1rem}.step{padding-bottom:100px}.btns-wrap,.btn-wrap{bottom:24px}.step .photo-wrap{width:min(100%,100dvh - 240px)}.step .photo-wrap .step-indicator{width:80px;height:80px;font-size:2.1rem}}@media(max-height: 600px){body{font-size:18px}.btn{height:48px;font-size:1.6rem}.btn-wrap .btn{font-size:1.8rem}.step{padding:12px 0 88px}.btns-wrap,.btn-wrap{bottom:20px}.step .photo-wrap{width:min(100%,100dvh - 210px)}.step .photo-wrap .step-indicator{width:64px;height:64px;font-size:1.7rem}.step .step-title#textConfirmAgeTitle{padding:0 1.5rem}}/*# sourceMappingURL=main.css.map */