.profile { display: flex; flex-direction: column; gap: 28px; padding-top: 8px; }
.form { display: flex; flex-direction: column; gap: 18px; }
.field {
  display: flex; flex-direction: column; gap: 8px;
  animation: rise .42s cubic-bezier(.4,0,.2,1) both;
}
.field:nth-child(2) { animation-delay: .06s; }
.field span { font-size: .85rem; font-weight: 600; color: var(--ink-soft); padding-left: 4px; }
.field input {
  font: inherit; font-size: 1.05rem; padding: 16px 18px;
  border: 1.5px solid var(--line); border-radius: 16px;
  background: var(--surface); color: var(--ink); outline: none;
  transition: var(--t-ui);
}
.field input:focus { border-color: var(--accent); box-shadow: 0 0 0 4px var(--bg-tint); }
.form .btn { margin-top: 10px; }