.form-medium {
  --form-medium-ink: #071426;
  --form-medium-muted: #6d7a90;
  --form-medium-green: #059669;
  display: grid;
  width: min(100%, 72rem);
  grid-template-columns: minmax(0, 1fr) 1px minmax(25rem, 1.06fr);
  gap: clamp(2rem, 4.8vw, 3.9rem);
  align-items: center;
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, .76);
  border-radius: 1.8rem;
  background: rgba(255, 255, 255, .77);
  padding: clamp(2rem, 3.6vw, 3.1rem);
  box-shadow: 0 28px 70px rgba(47, 83, 120, .16), inset 0 1px rgba(255, 255, 255, .82);
  color: var(--form-medium-ink);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}
.form-medium__person { display: grid; min-width: 0; grid-template-columns: auto 1fr; gap: 1.65rem; align-items: center; }
.form-medium__avatar-wrap { position: relative; width: clamp(6.1rem, 8vw, 7.4rem); height: clamp(6.1rem, 8vw, 7.4rem); }
.form-medium__avatar { width: 100%; height: 100%; border: .55rem solid rgba(255,255,255,.9); border-radius: 999px; object-fit: cover; box-shadow: 0 18px 38px rgba(19,45,74,.18); }
.form-medium__avatar-status { position: absolute; right: .38rem; bottom: .55rem; display: flex; width: 2rem; height: 2rem; align-items: center; justify-content: center; border: .25rem solid #fff; border-radius: 999px; background: var(--form-medium-green); color: #fff; box-shadow: 0 12px 22px rgba(5,150,105,.2); }
.form-medium__title { margin: 0 0 .55rem; color: var(--form-medium-ink); font-family: var(--font-display, 'Manrope', sans-serif); font-size: clamp(1.75rem, 2.35vw, 2.3rem); font-weight: 900; line-height: 1.05; }
.form-medium__status { display: flex; gap: .55rem; align-items: center; color: var(--form-medium-green); font-size: 1.02rem; font-weight: 850; }
.form-medium__status::before { width: .78rem; height: .78rem; border-radius: 999px; background: var(--form-medium-green); box-shadow: 0 0 0 .45rem rgba(5,150,105,.1); content: ''; }
.form-medium__experience { display: flex; gap: .55rem; align-items: center; margin-top: .75rem; color: var(--form-medium-muted); font-size: .82rem; font-weight: 750; line-height: 1.35; }
.form-medium__experience strong { display: inline-flex; min-width: 2.25rem; min-height: 1.75rem; align-items: center; justify-content: center; border: 1px solid rgba(5,150,105,.16); border-radius: 999px; background: rgba(5,150,105,.09); color: var(--form-medium-green); font-size: .76rem; font-weight: 900; }
.form-medium__contacts { display: flex; gap: .85rem; margin-top: 1.45rem; }
.form-medium__contacts a { display: inline-flex; width: 3.2rem; height: 3.2rem; align-items: center; justify-content: center; border: 1px solid rgba(8,28,48,.07); border-radius: 999px; background: rgba(255,255,255,.74); color: #66748a; box-shadow: 0 13px 26px rgba(40,63,91,.1); transition: transform .22s ease, color .22s ease, border-color .22s ease; }
.form-medium__contacts a:hover { border-color: rgba(5,150,105,.25); color: var(--form-medium-green); transform: translateY(-2px); }
.form-medium__contacts svg { width: 1.35rem; height: 1.35rem; }
.form-medium__divider { width: 1px; height: 8.2rem; background: linear-gradient(to bottom, transparent, rgba(8,28,48,.13), transparent); }
.form-medium__form { min-width: 0; }
.form-medium__honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.form-medium__label { margin-bottom: 1.55rem; color: var(--form-medium-muted); font-size: 1.08rem; font-weight: 800; }
.form-medium__row { display: grid; grid-template-columns: minmax(0, 18rem) minmax(13.5rem, auto); gap: 1.1rem; }
.form-medium__input { width: 100%; min-height: 4.35rem; border: 1px solid rgba(8,28,48,.12); border-radius: 1.05rem; outline: none; background: rgba(255,255,255,.72); padding: 0 1.45rem; color: var(--form-medium-ink); font: inherit; font-size: 1.08rem; font-weight: 750; box-shadow: inset 0 1px rgba(255,255,255,.9); transition: border-color .22s ease, box-shadow .22s ease; }
.form-medium__input::placeholder { color: #738199; }
.form-medium__input:focus { border-color: rgba(5,150,105,.34); box-shadow: 0 0 0 4px rgba(5,150,105,.08); }
.form-medium__submit { display: inline-flex; min-height: 4.35rem; align-items: center; justify-content: center; gap: 1rem; border: 0; border-radius: 1.05rem; background: linear-gradient(135deg, #0caf78, #059669); padding: 0 1.55rem; color: #fff; box-shadow: 0 20px 34px rgba(5,150,105,.22); font-size: 1.05rem; font-weight: 900; white-space: nowrap; cursor: pointer; transition: transform .22s ease, box-shadow .22s ease, opacity .22s ease; }
.form-medium__submit:hover { box-shadow: 0 24px 44px rgba(5,150,105,.28); transform: translateY(-2px); }
.form-medium__submit:disabled { cursor: wait; opacity: .65; transform: none; }
.form-medium__submit-icon { display: inline-flex; width: 2.55rem; height: 2.55rem; align-items: center; justify-content: center; border: 2px solid rgba(255,255,255,.7); border-radius: 999px; }
.form-medium__submit-icon svg { width: 1.35rem; height: 1.35rem; }
.form-medium__consent { display: flex; gap: .65rem; align-items: flex-start; margin-top: .9rem; color: var(--form-medium-muted); font-size: .8rem; line-height: 1.45; cursor: pointer; }
.form-medium__consent input { width: 1.05rem !important; height: 1.05rem; flex: 0 0 auto; margin: .08rem 0 0; padding: 0 !important; border-radius: .25rem; accent-color: var(--form-medium-green); }
.form-medium__status-message { min-height: 1.2rem; margin: 1rem 0 0; color: var(--form-medium-green); font-size: .95rem; font-weight: 800; }
.form-medium__status-message--error,
.form-medium__status-message[data-state="error"] { color: #ef4444; }
.form-medium__status-message[data-state="success"] { color: var(--form-medium-green); }
@media (max-width: 980px) {
  .form-medium { grid-template-columns: 1fr; }
  .form-medium__divider { width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgba(8,28,48,.13), transparent); }
  .form-medium__row { grid-template-columns: 1fr; }
  .form-medium__submit { width: 100%; }
}
@media (max-width: 640px) {
  .form-medium { gap: 1.35rem; border-radius: 1.35rem; padding: 1.25rem; }
  .form-medium__person { gap: 1rem; }
  .form-medium__avatar-wrap { width: 5.1rem; height: 5.1rem; }
  .form-medium__title { font-size: 1.55rem; }
  .form-medium__status { font-size: .9rem; }
  .form-medium__experience { font-size: .76rem; }
  .form-medium__contacts { margin-top: 1rem; }
  .form-medium__contacts a { width: 2.85rem; height: 2.85rem; }
  .form-medium__label { margin-bottom: 1rem; font-size: .95rem; }
  .form-medium__input, .form-medium__submit { min-height: 3.65rem; font-size: .95rem; }
  .form-medium__submit-icon { width: 2rem; height: 2rem; }
}
