.signup-container .signup{display:flex;flex-direction:column;justify-content:center;gap:4rem;margin-top:2rem}.signup-container .signup .signup-left{display:flex;flex-direction:column;align-items:center;gap:4rem;text-align:center}.signup-container .signup .signup-left h2{font-size:3.2rem;font-weight:700;color:var(--color-red)}.signup-container .signup .signup-left p{color:var(--color-gray)}.signup-container .signup .signup-right{display:flex;flex-direction:column;align-items:center;gap:4rem;background-color:var(--color-white);padding:1rem;border-radius:1rem;box-shadow:3px 5px 10px 1px rgba(0,0,0,.2)}.signup-container .signup .signup-right .shield{color:var(--color-red)}.signup-container .signup .signup-right .form-signup{width:100%;display:flex;flex-direction:column;gap:2rem}.signup-container .signup .signup-right .form-signup input{padding:1rem}.signup-container .signup .signup-right .form-signup .btn-signup{background-color:var(--color-red);padding:1rem;color:var(--color-white);cursor:pointer}@media screen and (min-width:48rem){.signup-container .signup .signup-left{width:40rem}.signup-container .signup{flex-direction:row;align-items:center}.signup-container .signup .signup-right{flex:1 1;justify-content:center}}