.profile-grid {
  display: grid;
  grid-template-columns: 260px minmax(360px, 620px);
  gap: 18px;
  align-items: start;
}
.profile-card { text-align: center; padding: 34px 20px; }
.avatar {
  width: 76px; height: 76px; border-radius: 22px; margin: 0 auto 16px;
  background: linear-gradient(135deg, var(--blue), var(--cyan));
  display: grid; place-items: center; color: #fff; font-size: 29px; font-weight: 900;
}
.profile-card h2 { font-size: 18px; margin: 0 0 8px; }
.profile-card p, .password-card .panel-head p { color: var(--muted); font-size: 13px; margin: 7px 0 0; }
.password-card form { display: grid; gap: 16px; }
.password-card label { display: grid; gap: 7px; color: #43546a; font-size: 13px; }
.password-card input { padding: 12px; border: 1px solid var(--line); border-radius: 9px; outline: none; }
.password-card input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px #1463ff18; }
.password-card label small { color: var(--muted); }
.password-card form button { justify-self: start; }
.form-message { font-size: 13px; }
.form-message.error { color: var(--red); }
.form-message.success { color: var(--green); }
@media (max-width: 760px) { .profile-grid { grid-template-columns: 1fr; } }