.wrapper{width:100vw;height:100dvh;overflow:hidden;display:grid;place-items:center;background-color:var(--yellow);position:relative}.wrapper .img{--imgSize: 30vw;position:absolute;width:var(--imgSize);height:auto;z-index:0}.bg1{left:0;bottom:0}.bg2{right:0;top:0}.content{background-color:var(--light-yellow);border-radius:10px;padding:3rem 2rem;width:80%;max-width:800px;display:flex;flex-direction:column;align-items:center;z-index:1;gap:2rem}.header{width:170px}.header>img{width:100%}.welcome{display:flex;flex-direction:column;gap:5rem}h1{font-family:Dela Gothic One,sans-serif;font-weight:400;font-style:normal;text-align:center;white-space:pre-wrap;text-transform:uppercase;color:var(--black)}.welcome>h1>span{border:5px solid var(--yellow);border-radius:10rem;padding:0 8px 3px;line-height:1}.btn{color:var(--black);background-color:var(--yellow);border-radius:100rem;border:none;padding:.5rem 1.5rem;width:fit-content;text-transform:uppercase;cursor:pointer}.btn:disabled{cursor:not-allowed;filter:grayscale(1)}.input{color:var(--black);background-color:#fff;border-radius:100rem;border:2px solid var(--yellow);padding:.5rem 1rem;width:fit-content;outline:none;font-size:1rem}.error{font-size:.7rem;text-align:center;color:#ff9292}.welcome__form{display:flex;flex-direction:column;gap:1rem;font-family:Onest,sans-serif;font-optical-sizing:auto;align-items:center}.welcome__form>label{font-size:.8rem}.welcome__form>input{text-align:center}.code{display:flex;flex-direction:column;gap:1rem;align-items:center;font-family:Onest,sans-serif;font-optical-sizing:auto;margin-top:3rem}.code label,.code span{font-size:.8rem}.code span{text-decoration:underline;cursor:pointer}.code_input input{border:1px solid var(--yellow)!important;outline:none!important}.signup{display:flex;flex-direction:column;gap:2rem;align-items:center}.signup_form{display:flex;flex-direction:column;gap:1rem;align-items:center}.signup_form .inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.radio{display:flex;flex-direction:row;gap:1rem}.radioBtn{background-color:var(--gray);width:2.5rem;display:flex;justify-content:center;align-items:center;padding:.5rem;border-radius:15px;cursor:pointer}.radioBtn>img{width:100%;height:100%}.radioBtn.--active{background-color:var(--yellow)}.cbs{display:flex;flex-direction:column;gap:.5rem}.cb{display:flex;flex-direction:row;gap:.5rem}.cb input{position:absolute;left:-9999px}.cb label{font-size:.8rem;position:relative;padding-left:1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.cb label:before{content:"";width:1rem;height:1rem;background-color:var(--gray);border-radius:5px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.cb input:checked+label:after{content:"";width:.8rem;height:.8rem;position:absolute;left:.11rem;background-color:var(--yellow);border-radius:5px;top:50%;transform:translateY(-50%)}@media (max-width: 799px){h1{font-size:.85rem;line-height:2}.signup_form .inputs{grid-template-columns:1fr;place-items:center}}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}:root{--black: #2E2E2E;--yellow: #F2EE80;--light-yellow: #FFFDF0;--gray: #E3E3E3}html,body,#root{width:100%;height:100%;font-family:Onest,sans-serif;font-optical-sizing:auto}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}a{color:var(--yellow);text-decoration:none}