.signup{background-color:#000;padding:24px}.signup .signup-form{display:flex;align-items:center;gap:20px}.signup .signup-form .content{color:#fff;display:flex;flex-direction:column;gap:5px;width:100%;max-width:25%}.signup .signup-form .content h3{color:#fff;text-transform:uppercase;font-size:20px;font-weight:500;line-height:22px}.signup .signup-form .content p{font-size:16px;font-style:normal;font-weight:300;line-height:20px;font-family:Agenda;color:#fff}.signup .signup-form .form-wrapper h3{display:none}.signup .signup-form .form-wrapper .fields{display:flex;gap:20px}.signup .signup-form .form-wrapper .fields .field{display:flex;align-items:center;flex-grow:1;width:100%;color:#fff}.signup .signup-form .form-wrapper .fields .field.submit{width:auto}.signup .signup-form .form-wrapper .fields .field input:not([type="submit"],[type="checkbox"],[type="radio"]){width:100%;height:34px;border:1px solid #fff;background-color:transparent;color:#fff;padding:0 12px}.signup .signup-form .form-wrapper .fields .field input::placeholder{color:#fff}.signup .signup-form .button{min-width:auto;font-weight:600;border-color:#fff!important}@media (min-width:990px){.signup .signup-form .content .buttons{display:none}}@media (max-width:989px){.signup .signup-form .content{display:flex;flex-wrap:wrap;justify-content:center;flex-shrink:0;gap:5px;max-width:100%;text-align:center}.signup .signup-form .content>*{width:100%}.signup .signup-form .form-wrapper{position:fixed;bottom:-100%;left:0;background:#ECECEB;width:100%;z-index:100000;transform:translateY(100%);transition:transform ease-out 0.5s}.signup .signup-form .form-wrapper.active{bottom:0;transform:translateY(0%)}.signup .signup-form .form-wrapper h3{display:flex;justify-content:space-between;width:100%;padding:14px;background:#000;color:#fff}.signup .signup-form .form-wrapper .fields{flex-wrap:wrap;padding:20px 15px;color:#000}.signup .signup-form .form-wrapper .fields .field{color:#000}.signup .signup-form .form-wrapper .fields .field input:not([type="submit"]){border:1px solid #000}.signup .signup-form .form-wrapper .fields .field input::placeholder{color:#000}.signup .signup-form .form-wrapper .fields .field .button{background-color:#000;color:#fff;border-color:#000!important}.signup .signup-form .form-wrapper .fields .field .button:hover{background-color:transparent;color:#000}}@media (max-width:680px){.signup .signup-form{flex-direction:column;gap:20px}}#home-backdrop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.45;z-index:1000;cursor:pointer}#home-backdrop.active{display:block}