@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
:root{--text-gradient: linear-gradient( 180deg, #e1bb80 30.5%, #fff 48%, #f8e9bb 56.5%, #f8e9bb 82.5%, #fffff9 100% )}
body{min-height:100%;font-family:"Inter",sans-serif;font-weight:400;font-style:normal;position:relative}
.content{background-image:url(../assets/bg40eac67b03dbe6b62540.png);background-repeat:no-repeat;background-size:100% 100%;background-position:100% 0%;display:flex;align-items:center;justify-content:center;height:100%}
.content__left{max-width:40%;width:100%}
.content__right{max-width:50%;width:100%}
.mb-0{margin-bottom:0}
p{font-family:"Inter"}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes zoom{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes textAnimation{0%,100%{opacity:1}50%{opacity:0}}
@keyframes textAnimation-reverse{0%,100%{opacity:0}50%{opacity:1}}
header p{text-align:center;text-transform:uppercase}
header span{display:block;font-weight:800;background:var(--text-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}
header span:last-child{font-weight:400;color:#fff;background:rgba(0,0,0,0);background-clip:border-box;-webkit-background-clip:border-box;-webkit-text-fill-color:currentColor;margin-top:-7px}
@media screen and (min-width: 992px){header .logo{width:270px}}
.regFrm{z-index:9}
.regFrm .form-group{position:relative;width:100%;margin-bottom:.6rem}
.regFrm .form-group input{background-color:#fff;border-radius:50px;color:#07082d;text-align:center;padding:.5rem;font-size:1rem}
.regFrm .form-group input:focus{box-shadow:none}
.regFrm .form-group input::-moz-placeholder{color:#000;font-weight:400}
.regFrm .form-group input::placeholder{color:#000;font-weight:400}
.regFrm .form-group figure{width:20px;margin-bottom:0}
.regFrm .form-group .u-p{position:absolute;top:50%;transform:translate(-50%, -50%);left:8%}
.regFrm .form-group .eye{position:absolute;width:20px;top:50%;transform:translate(-50%, -50%);right:3%}
.regFrm .btn{border:0;padding:0;margin:1rem auto 0;width:70%;animation:zoom 2s infinite}
#form .bg-form{background-image:url(../assets/bg-form32a741f6ad00e2b27996.png);background-position:top center;background-size:100% 100%;background-repeat:no-repeat;padding:3.4rem 0rem 2rem;position:relative;z-index:20}
#form .bg-form .join{margin-bottom:.6rem;line-height:normal}
#form .bg-form .join p{text-align:center;text-transform:uppercase;margin-bottom:0}
#form .bg-form .join p:first-of-type{font-weight:800;background:var(--text-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}
#form .bg-form .join p:last-of-type{color:#fff;text-shadow:0px 0px 16px #ceb074;font-weight:400}
.social{position:absolute;right:3rem;top:2rem;z-index:10}
.social figure{margin-bottom:1.5rem}
.social figure img{width:70px;transition:all .3s ease}
.social figure img:hover{opacity:.8;transform:scale(1.1);filter:brightness(1.2)}
.error.errors{color:red;width:100%;text-align:center;display:block;font-size:.8rem;margin-bottom:-1rem}
hr{background:#4f4518;background:radial-gradient(circle, rgb(79, 69, 24) 0%, rgba(45, 35, 13, 0.6685267857) 100%);border:none;opacity:.5;height:1.5px;margin:-0.35rem auto 1.35rem;width:300px}
.banner{z-index:4;margin-top:15%}
.banner .line{margin:2rem 0 0rem}
footer{padding:2rem 0;background:linear-gradient(0deg, #1a1816 0%, #262221 100%)}
footer .text-grey{margin-bottom:.5rem}
footer .intro p:first-of-type{color:#fff}
footer .title{margin-bottom:1rem;text-transform:uppercase;font-weight:700}
footer .copyright{font-size:.875rem;color:#e2bd6e}
footer hr{height:1px;border:none;background:linear-gradient(90deg, #6b531e 0%, #f4e3b3 28%, #d0a95c 69%, #6b531e 100%)}
@media screen and (min-width: 320px){header figure{width:50vw}header span:first-child{font-size:11vw}header span:last-child{font-size:9.5vw}.content{padding:1rem 0;background-size:cover;background-position:center;background-image:url(../assets/bg_mobiled0a811aeacb546fbf5e9.png)}.content__right{padding-top:3rem;max-width:100%;width:100%}#form{position:static}#form .bg-form{padding:1.5rem 2rem 0rem;background-size:100% 90%}#form .bg-form .join p:first-of-type{font-size:7vw}#form .bg-form .join p:last-of-type{font-size:5vw}#form .social{top:3rem;right:1rem;justify-content:start}#form .social figure{margin-bottom:1rem}#form .social figure img{width:30px}.regFrm{width:100%}.regFrm .form-group{margin-bottom:1rem}.regFrm .form-group:last-of-type{margin-bottom:0}.regFrm .btn{width:100%;margin:1rem auto 0}footer{margin-top:-3px}footer .title{font-size:.73rem}.logo_ft{width:40%}}
@media screen and (min-width: 360px){footer .title{font-size:.8rem}}
@media screen and (min-width: 375px){footer .title{font-size:.88rem}}
@media screen and (min-width: 390px){#form .bg-form{background-size:100% 88%}footer .title{font-size:.9rem}}
@media screen and (min-width: 412px){.regFrm .form-group input{padding:.6rem}footer .title{font-size:.98rem}}
@media screen and (min-width: 540px){#form .bg-form{padding:1.5rem 3rem 0rem;width:84%}footer .title{font-size:1rem}}
@media screen and (min-width: 568px){#form .bg-form{background-size:100% 89%;width:85%;padding:1.5rem 4rem 0rem}#form .bg-form .join p:first-of-type{font-size:6vw}#form .bg-form .join p:last-of-type{font-size:4.5vw}.regFrm{width:100%}.regFrm .form-group input{font-size:1rem;padding:.8rem}.banner{margin-top:20%}}
@media screen and (min-width: 576px){#form .bg-form{background-size:100% 90%}}
@media screen and (min-width: 667px){header figure{width:35vw}header span:first-child{font-size:7vw}header span:last-child{font-size:6vw}.content__right{max-width:100%;margin:auto}#form .bg-form{background-size:100% 90%;padding:1.5rem 4rem 0rem;width:83%}#form .bg-form .join p:first-of-type{font-size:5vw}#form .bg-form .join p:last-of-type{font-size:4vw}#form .social{top:2rem}}
@media screen and (min-width: 720px){#form .bg-form{width:90%}}
@media screen and (min-width: 768px){header p{font-size:6.8vw}.content__right{max-width:85%;margin:auto}#form .bg-form{padding:2rem 4rem 0rem;width:80%}.regFrm .form-group{margin-bottom:1.5rem;width:100%;margin-left:auto;margin-right:auto}.regFrm .form-group input{padding:1rem;font-size:1rem}.regFrm .form-group figure{width:30px}.regFrm .form-group .eye{width:30px}.regFrm .btn{width:100%}footer .title{font-size:1.5rem}footer .line{width:100%}.logo_ft{width:25%}}
@media screen and (min-width: 882px){#form .bg-form{padding:2rem 4rem 0rem;width:77%}}
@media screen and (min-width: 912px){#form .bg-form{padding:2rem 4rem 0rem;background-size:100% 90%;width:78%}}
@media screen and (min-width: 1024px){.content__right{padding-top:0}#form .bg-form{padding:2rem 5rem 0rem;background-size:100% 88%;width:78%}}
@media screen and (min-width: 1180px){#form .bg-form{padding:2rem 6rem 0rem}.regFrm{width:100%}.regFrm .form-group{margin-bottom:2rem}}
@media screen and (min-width: 1200px){html,body{height:100%}.content{background-image:url(../assets/bg40eac67b03dbe6b62540.png);background-position:35% 0;background-size:cover;background-repeat:no-repeat}.content__left{max-width:45%}.content__right{padding-top:0;max-width:50%}header figure{width:20vw;margin-bottom:1.5rem}header p{font-size:4vw;font-weight:800;background:var(--text-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}header p span{display:inline-block}header p span:first-child,header p span:last-child{font-size:inherit;font-weight:inherit;background:inherit;background-clip:inherit;-webkit-background-clip:inherit;-webkit-text-fill-color:inherit}#form .bg-form{padding:2rem 4rem 0rem;width:73%;background-size:100% 90%}#form .bg-form .join{margin-bottom:1rem}#form .bg-form .join p:first-of-type{font-size:2.8vw}#form .bg-form .join p:last-of-type{font-size:2vw}.regFrm{width:100%}.regFrm .form-group{margin-bottom:1rem}.regFrm .form-group figure{width:25px}.regFrm .form-group input{padding:.8rem;font-size:1rem}.regFrm .form-group .eye{width:25px}footer{padding:2rem 0;margin-top:0}footer .intro p{font-size:12px}footer .title{font-size:1rem;margin-bottom:2.5rem}.logo_ft{width:40%}.social{top:5%}footer{background:linear-gradient(180deg, #272322 0%, #1c1a18 60.5%, #1a1816 98%)}}
@media screen and (min-width: 1366px){#form .bg-form{width:71%}}
@media screen and (min-width: 1440px){header figure.tagline{margin-bottom:0;width:100%}header figure.tagline img{width:85%}#form .bg-form{width:70%}}
@media screen and (min-width: 1700px){header p{font-size:3.5vw}#form .social{right:7rem}#form .bg-form{width:61%;background-size:100% 89%}#form .bg-form .join p:first-of-type{font-size:2.5vw}#form .bg-form .join p:last-of-type{font-size:1.8vw}}
@media screen and (min-width: 1920px){#form .social{top:10%}#form .bg-form{width:60%;background-size:100% 88%}}
@media screen and (min-width: 2056px){#form .bg-form{width:59%;padding:3rem 4rem 0rem}#form .social{top:2rem}#form .social figure img{width:50px}.regFrm .form-group input{padding:1rem}}
@media screen and (min-width: 2336px){#form .social figure img{width:60px}.regFrm .form-group figure{width:30px}.regFrm .form-group input{font-size:1.4rem}footer h6{font-size:1.12rem}footer p{font-size:1rem}}
@media screen and (min-width: 2560px){#form .bg-form{width:61%}.regFrm .form-group{margin-bottom:1.5rem}.regFrm .form-group:last-of-type{margin-bottom:2rem}}
@media screen and (min-width: 2992px){header p{font-size:3.8vw}#form .bg-form{width:70%;padding:4rem 6rem 0rem}#form .bg-form .join{margin-bottom:2rem}#form .social figure img{width:110px}.regFrm .form-group{margin-bottom:2rem}.regFrm .form-group input{padding:1.5rem 1rem;font-size:2rem}.regFrm .form-group:last-of-type{margin-bottom:2rem}.regFrm .form-group figure{width:50px}.regFrm .form-group .eye{width:50px}.error.errors{font-size:1.5rem;margin-bottom:-1.7rem}}
@media screen and (min-width: 3365px){header figure{margin-bottom:3rem}header p{font-size:3.3vw;margin-bottom:1.5rem}}
@media screen and (min-width: 3456px){#form .bg-form{padding:5rem 6rem 1rem;width:80%}#form .bg-form .join{margin-bottom:3rem}#form .social{top:4rem;right:6%}#form .social figure{margin-bottom:2.5rem}.regFrm .form-group{margin-bottom:3rem}.regFrm .form-group figure{width:45px}.regFrm .form-group input{font-size:2.3rem;padding:1.5rem 1rem}.regFrm .form-group .eye{width:40px}}
@media screen and (min-width: 3840px){header p{font-size:3vw}#form .bg-form .join{margin-bottom:2rem}#form .bg-form .join p:first-of-type{font-size:2.2vw}#form .bg-form .join p:last-of-type{font-size:1.7vw}#form .regFrm .form-group{margin-bottom:2.5rem}.error.errors{font-size:1.5rem;margin-bottom:-2.2rem}}
