.contact{padding:10px 0 40px}.contact__banner{align-items:center;display:grid;gap:22px;grid-template-columns:1.35fr minmax(300px,1fr);padding:10px 0 30px}.contact__banner-content{display:flex;flex-direction:column;gap:16px;line-height:1}.contact__kicker{font-size:clamp(18px,4vw,32px);font-weight:400}.contact__title{font-size:clamp(30px,6vw,48px);font-weight:800}.contact__subtitle{font-size:clamp(14px,4vw,20px);line-height:1.4}.contact__banner-media{display:grid;place-items:center end}.contact__banner-avatar{display:block;height:auto;-o-object-fit:contain;object-fit:contain;width:100%}.contact__grid{align-items:start;display:grid;gap:56px;grid-template-columns:1fr 1.4fr}.contact__card{display:flex;flex-direction:column;gap:0}.contact__card-title{color:var(--color-5);font-size:clamp(18px,4vw,24px);letter-spacing:-.01em;margin:0}.contact__hint{color:#0d0d0db3;font-size:14px;line-height:1.45;margin:16px 0 8px}.contact__list{display:grid;gap:12px;list-style:none;margin:14px 0 0;padding:0}.contact__list-item{align-items:baseline;display:grid;gap:10px;grid-template-columns:110px 1fr}.contact__key{color:#0d0d0d99}.contact__key,.contact__value-link{font-size:clamp(14px,4vw,18px);font-weight:500}.contact__value-link{color:#0d0d0de6;text-decoration:none}.contact__value-link:hover{text-decoration:underline}.contact__qr-section{align-items:flex-start;display:flex;flex-direction:column;gap:10px;margin-top:20px}.contact__qr{background:#0d0d0d08;border:1px solid hsla(0,0%,5%,.08);border-radius:14px;padding:8px;width:200px}.contact__qr-image{background:var(--color-light);border-radius:8px;display:block;height:184px;width:184px}.contact__button{align-items:center;background:var(--color-5);border-radius:12px;color:var(--color-light);display:inline-flex;font-weight:700;height:40px;justify-content:center;padding:0 14px;text-decoration:none;transition:transform 80ms ease,opacity .14s ease}.contact__button:hover{opacity:.92}.contact__button:active{transform:translateY(1px)}.contact__form-subtitle{color:#0d0d0d99;font-size:14px;line-height:1.4;margin:6px 0 0}.contact__form{display:grid;gap:14px;margin-top:16px}.contact__form-group{display:flex;flex-direction:column;gap:6px}.contact__form-label{color:#0d0d0db3;font-size:14px;font-weight:600}.contact__form-input,.contact__form-textarea{background:#0d0d0d0a;border:1.5px solid hsla(0,0%,5%,.12);border-radius:10px;color:var(--color-5);font-family:inherit;font-size:16px;padding:10px 12px;transition:border-color .12s ease}.contact__form-input::-moz-placeholder,.contact__form-textarea::-moz-placeholder{color:#0d0d0d52}.contact__form-input::placeholder,.contact__form-textarea::placeholder{color:#0d0d0d52}.contact__form-input:focus,.contact__form-textarea:focus{border-color:#0d0d0d61;outline:none}.contact__form-input:disabled,.contact__form-textarea:disabled{cursor:not-allowed;opacity:.55}.contact__form-textarea{min-height:120px;resize:vertical}.contact__form-error{color:#c0392b;font-size:14px;line-height:1.4;margin:0}.contact__form-success{color:#1e7e4a;font-size:14px;font-weight:600;line-height:1.4;margin:0}.contact__form-actions{display:flex;flex-wrap:wrap;gap:10px}.contact__form-submit{align-items:center;background:var(--color-5);border:none;border-radius:12px;color:var(--color-light);cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:700;height:40px;justify-content:center;padding:0 22px;transition:transform 80ms ease,opacity .14s ease}.contact__form-submit:hover:not(:disabled){opacity:.88}.contact__form-submit:active:not(:disabled){transform:translateY(1px)}.contact__form-submit:disabled{cursor:not-allowed;opacity:.5}.contact__form-reset{align-items:center;background:#0d0d0d12;border:none;border-radius:12px;color:#0d0d0dcc;cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:600;height:40px;justify-content:center;padding:0 16px;transition:background .12s ease}.contact__form-reset:hover:not(:disabled){background:#0d0d0d1f}.contact__form-reset:disabled{cursor:not-allowed;opacity:.5}@media(max-width:900px){.contact__grid{grid-template-columns:1fr}}@media(max-width:720px){.contact__banner{grid-template-columns:1fr;padding:6px 0 14px}.contact__banner-media{margin-top:4px;order:2;place-items:center}.contact__list-item{gap:4px}.contact__qr{max-width:200px}.contact__qr-image{aspect-ratio:1/1;height:auto;width:100%}}