.contact-page{padding:160px 24px 80px;max-width:1200px;margin:0 auto}@media(max-width:860px){.contact-page{padding:100px 24px 80px}}.contact-page__hero{text-align:center;margin-bottom:64px}.contact-page__label{display:inline-flex;align-items:center;gap:8px;background:rgba(126,255,161,.08);border:1px solid rgba(126,255,161,.25);border-radius:999px;padding:6px 18px;font-size:13px;color:#7effa1;letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin-bottom:20px}.contact-page__title{font-size:clamp(36px,5vw,58px);font-weight:800;color:#fff;line-height:1.1;margin-bottom:16px}.contact-page__title span{color:#7effa1}.contact-page__sub{font-size:17px;color:hsla(0,0%,100%,.5);max-width:520px;margin:0 auto;line-height:1.6}.contacts__wrapper{display:flex;flex-direction:row;width:100%;gap:0;border-radius:20px;overflow:hidden;border:1px solid #222}@media(max-width:860px){.contacts__wrapper{flex-direction:column}}.contacts__left__side{color:#fff;display:flex;flex-direction:column;gap:20px;background:#111;padding:40px 32px;width:340px;min-width:300px;flex-shrink:0;border-right:1px solid #222}@media(max-width:860px){.contacts__left__side{width:100%;min-width:unset;border-right:none;border-bottom:1px solid #222}}.contacts__left__side__title{color:#7effa1;font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.contacts__left__side__text{font-size:14px;color:hsla(0,0%,100%,.5);line-height:1.6}.contacts__left__side__icon_wrapper{margin-top:auto;display:flex;flex-direction:column;gap:20px;padding-top:24px;border-top:1px solid #222}.contacts__left__side__icon_wrapper>div{display:flex;gap:14px;align-items:center;font-size:13px;color:hsla(0,0%,100%,.75)}.contacts__left__side__icon_wrapper>div>svg{fill:#7effa1;width:18px;height:18px;flex-shrink:0}.contacts__right__side{display:flex;flex-direction:column;gap:24px;flex-grow:1;padding:40px 36px;background:#0d0d0d}@media(max-width:640px){.contacts__right__side{padding:28px 20px}}.contacts__input_wrapper{display:flex;gap:24px;width:100%}@media(max-width:640px){.contacts__input_wrapper{flex-direction:column;gap:16px}}.contacts__input_wrapper>div{width:100%}.contacts__field{display:flex;flex-direction:column;gap:8px;width:100%}.contacts__field label{font-size:12px;font-weight:600;color:hsla(0,0%,100%,.45);text-transform:uppercase;letter-spacing:.07em}.contacts__field input,.contacts__field textarea{background:#111;border:1px solid #2a2a2a;border-radius:10px;color:#fff;font-size:15px;font-family:inherit;padding:14px 16px;outline:none;transition:border-color .2s ease;resize:none;width:100%;box-sizing:border-box}.contacts__field input::placeholder,.contacts__field textarea::placeholder{color:hsla(0,0%,100%,.2)}.contacts__field input:focus,.contacts__field textarea:focus{border-color:#7effa1}.contacts__field textarea{min-height:120px}.contacts__field__error{font-size:12px;color:#ff6b6b;margin-top:2px}.contacts__submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#7effa1;color:#0d0d0d;font-size:15px;font-weight:700;font-family:inherit;border:none;border-radius:10px;padding:16px 40px;cursor:pointer;transition:opacity .2s ease,transform .15s ease;align-self:flex-start}.contacts__submit:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.contacts__submit:disabled{opacity:.45;cursor:not-allowed}.contacts__success{display:flex;align-items:center;gap:10px;color:#7effa1;font-size:15px;font-weight:600;background:rgba(126,255,161,.06);border:1px solid rgba(126,255,161,.2);border-radius:10px;padding:14px 20px;align-self:flex-start}.contacts__success svg{fill:#7effa1}