:root{--spacing-s: 10px;--spacing-m: 20px;--spacing-l: 45px}@media (min-width: 1024px){:root{--spacing-s: 10px;--spacing-m: 25px;--spacing-l: 60px}}.join{display:flex;flex-direction:column;align-items:center;gap:0;max-width:600px;margin:0 auto;color:#fff;font-size:.8em;background-color:#284e9d;padding:var(--spacing-s);border-radius:var(--spacing-s);text-align:center}.join__info{font-style:italic}.join__info__icon{height:30px}.join__link{text-align:center;margin:var(--spacing-s) 0;color:#284e9d;background-color:#f4f4f9}.join__link__icon{font-size:1.4em}.join__qrCode{width:80%;max-width:150px;aspect-ratio:1;display:none}@media (min-width: 1024px){.join__qrCode{display:block}}.contact__title{text-align:center}.contact__form{margin:0 auto;max-width:800px;display:flex;flex-direction:column;justify-content:center}.contact__form__response{font-size:1.2em;padding:var(--spacing-s);border-radius:var(--spacing-s);display:grid;grid-template-columns:50px auto;gap:var(--spacing-s);align-items:center}.contact__form__response__icon{height:50px;width:50px}.contact__form__response__list{list-style:none;padding:0}.contact__form__response--error{color:#f4f4f9;background-color:#f45b69}.contact__form__response--success{color:#f4f4f9;background-color:#007e62}.contact__form__label{font-size:.8em;font-weight:700;font-style:italic;margin-top:var(--spacing-m);margin-left:var(--spacing-s)}.contact__form__input,.contact__form__textarea{font-size:1.2em;font-family:sans-serif;padding:var(--spacing-s);border:2px solid #282828;border-radius:var(--spacing-s)}.contact__form__input:required:user-valid,.contact__form__textarea:required:user-valid{border-color:#007e62}.contact__form__input:required:user-invalid,.contact__form__textarea:required:user-invalid{border-color:#f45b69}.contact__form__input--bee,.contact__form__textarea--bee{display:none}.contact__form__input--submit,.contact__form__textarea--submit{border:unset;margin:var(--spacing-m) auto}.contact__form__textarea{min-height:300px}.contact__form__validation-error{visibility:hidden;font-weight:700;color:#f45b69;text-align:right;margin-right:var(--spacing-s)}.contact__form__input:user-invalid+.contact__form__validation-error,.contact__form__textarea:user-invalid+.contact__form__validation-error{visibility:visible}.contact__form__legal{margin-top:var(--spacing-m);font-size:.9em}