#profile{
  color:#0f172a;
}

.profile-grid{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:20px;
}

.profile-card{
  padding:22px;
}

.profile-card h3{
  margin-top:0;
  color:#0f172a;
}

.profile-form-grid{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:15px;
  margin-bottom:18px;
}

.profile-card label{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-bottom:14px;
  color:#334155;
  font-weight:600;
}

.profile-card input{
  width:100%;
}

.profile-card input:disabled{
  opacity:.75;
  cursor:not-allowed;
}

.profile-message{
  min-height:22px;
  margin:8px 0 14px;
}

.profile-message.success{
  color:#166534;
}

.profile-message.error{
  color:#b91c1c;
}

@media(max-width:850px){

  .profile-grid{
    grid-template-columns:1fr;
  }

  .profile-form-grid{
    grid-template-columns:1fr;
  }
}