.signup{border:solid .1rem var(--light-gray);background-color:var(--white);border-radius:1rem;align-items:center;gap:3.8rem;max-width:74.2rem;height:max-content;padding:8rem}.signup .hero>div{align-items:center;gap:1rem}.signup .hero p{width:min(100%,48.8rem)}.signup form,.signup input,.signup .form-content,.signup .form-bottom{flex-direction:column;display:flex}.signup form{gap:3.8rem;width:min(100%,36rem)}.signup .form-content{gap:2.2rem}.signup .form-bottom{align-items:center;gap:1.2rem}.signup label{font-weight:var(--font-weight-500);font-size:var(--size-s);flex-direction:column;gap:1rem;display:flex}.signup input{font-size:var(--size-s);border:solid .1rem var(--light-gray);border-radius:.4rem;padding:1.1rem 1.6rem}.signup .error{color:var(--main-red);text-align:center}.signup .checkbox-label{color:var(--dark-gray);font-weight:var(--font-weight-400);flex-direction:row;align-items:center;display:flex}.signup .checkbox-label input[type=checkbox]{appearance:none;border:solid var(--dark-gray) 1px;border-radius:.2rem;width:1.2rem;height:1.2rem;padding:0}.signup .checkbox-label input[type=checkbox]:checked{background-color:var(--black)}.signup .checkbox-label a{color:inherit;font-weight:var(--font-weight-500);text-decoration:underline}.signup button{width:fit-content;font-weight:var(--font-weight-500);margin-bottom:1rem;padding-inline:7rem}.signup a{color:var(--main-red);text-decoration:none}.signup b{font-weight:var(--font-weight-500)}@media (max-width:768px){.signup{margin-inline:1.6rem}}@media (max-width:576px){.signup{margin-inline:1.6rem;padding:3.2rem 1.6rem}.signup .hero h2{font-size:var(--size-l)}}