@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap");html,body{margin:0;padding:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}body{position:relative;display:-ms-grid;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:"Raleway", sans-serif;font-size:14px;font-weight:400;background-color:#0c122c;color:#dddbff;height:100vh}h2{font-size:2rem;color:#0c122c;margin:0}.background{position:fixed;bottom:0;left:0;width:100vw;height:50vh;background:no-repeat center/cover url("/images/bg-desktop.png");z-index:-10}@media (max-width: 900px){.background{height:100vh;background:no-repeat center/cover url("/images/bg-mobile.png")}}.container-main{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem}@media (max-width: 900px){.container-main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}}.container-main .container-fylo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2rem;background-color:#1d2c67;border-radius:10px 100px 10px 10px;padding:2rem 7rem 2rem 2rem}@media (max-width: 900px){.container-main .container-fylo{padding:2rem}}.container-main .container-fylo .logo{width:135px;height:40px;background:no-repeat center/contain url("/images/logo.svg")}.container-main .container-fylo .container-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem}.container-main .container-fylo .container-buttons .button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#0c122c;padding:1rem;border-radius:10px;height:50px}.container-main .container-fylo .container-buttons .button:hover{cursor:pointer}.container-main .container-space{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#1d2c67;border-radius:10px;padding:2rem;margin-top:auto;width:500px}@media (max-width: 900px){.container-main .container-space{width:330px}.container-main .container-space p{text-align:center}}.container-main .container-space>p>span{text-transform:uppercase;font-weight:bold}.container-main .container-space .progress{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;height:20px;background-color:#0c122c;border-radius:20px}.container-main .container-space .progress .gradient{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:75%;height:100%;border:3px solid #0c122c;border-radius:20px;background:-webkit-gradient(linear, left top, right top, from(#ffa399), to(#ff4d97));background:linear-gradient(to right, #ffa399, #ff4d97);margin-block:auto}.container-main .container-space .progress .gradient .circle{width:15px;height:100%;background-color:white;border-radius:50%;border:2px solid #ff4d97}.container-main .container-space .gb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-transform:uppercase;font-weight:bold}.container-main .container-space .container-remaining{position:absolute;top:-40px;right:30px;background-color:white;padding:1rem;border-radius:10px}@media (max-width: 900px){.container-main .container-space .container-remaining{top:135px;right:90px}}.container-main .container-space .container-remaining h2{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container-main .container-space .container-remaining span{font-weight:bold;color:#848794;font-size:14px;text-transform:uppercase}.container-main .container-space .container-remaining .tail{position:absolute;bottom:-20px;right:0;height:40px;width:20px;background-color:white}@media (max-width: 900px){.container-main .container-space .container-remaining .tail{display:none}}.container-main .container-space .container-remaining .tail::before{content:"";position:absolute;bottom:0;left:0;border-bottom:20px solid #1d2c67;border-right:20px solid white}
/*# sourceMappingURL=style.min.css.map */